diff --git a/demo/style-attrs.html b/demo/style-attrs.html
index 10970763..41b25978 100644
--- a/demo/style-attrs.html
+++ b/demo/style-attrs.html
@@ -49,6 +49,8 @@
Dagre D3 Demo: Style Attributes
// Double the size of the font for node "C"
g.setNode("C", { labelStyle: "font-size: 2em" });
+g.setNode("D", {});
+
// Make the edge from "A" to "B" red, thick, and dashed
g.setEdge("A", "B", {
style: "stroke: #f66; stroke-width: 3px; stroke-dasharray: 5, 5;",
@@ -61,6 +63,13 @@ Dagre D3 Demo: Style Attributes
labelStyle: "font-style: italic; text-decoration: underline;"
});
+// Make the edge between A and D smoother.
+// see available options for lineInterpolate here: https://github.com/mbostock/d3/wiki/SVG-Shapes#line_interpolate
+g.setEdge("A", "D", {
+ label: "line interpolation different",
+ lineInterpolate: 'basis'
+});
+
// Create the renderer
var render = new dagreD3.render();