diff --git a/packages/examples/src/point_dx.js b/packages/examples/src/point_dx.js
index bb27f06eebd..2d8292f65b1 100644
--- a/packages/examples/src/point_dx.js
+++ b/packages/examples/src/point_dx.js
@@ -1,14 +1,31 @@
 export default (part) => {
-  let { Point, points, macro } = part.shorthand()
+    let { Point, points, Path, paths} = part.shorthand()
 
   points.from = new Point(10, 10)
-  points.to = new Point(90, 40)
+  points.to = new Point(80, 70)
+    
+    paths.line = new Path()
+	.move(points.from)
+	.line(points.to)
+	.attr("class", "dashed");
 
-  macro('hd', {
-    from: points.from,
-    to: points.to,
-    y: 25,
-  })
+    points.totop = points.from.shift(0,points.from.dx(points.to))
 
-  return part
+    points.text_dx = points.from
+	.shiftFractionTowards(points.totop, 0.6)
+	.shiftFractionTowards(points.to,0.1)
+	.attr("data-text", points.from.dx(points.to)+"mm")
+	.attr("data-text-class", "text-sm fill-note center");
+
+    paths.line_dx = new Path()
+	.move(points.from)
+	.line(points.totop)
+	.attr("class", "dashed");
+    
+    paths.line_dy = new Path()
+	.move(points.to)
+	.line(points.totop)
+	.attr("class", "dashed");
+  
+    return part
 }