Bezier Edge Style Demo [yFiles for HTML]

BezierEdgeStyle allows for smooth curved edge routes. This demo shows how to use this style and interactively edit the bezier curves.

Start dragging at an unselected node and click on the canvas to add bends or control points for the bezier curve.

When Smooth Editing is enabled, the edge path will consist of only smooth curves, otherwise there will occur sharp bends every other spline.

Labels can also be arranged at the curved splines. They can be aligned with different orientations.

Select an edge and press F2 to add a label or use the sample Graph with Labels which provides labels with varying settings.

Auto Rotation will rotate the label according to its position at the curved path.
Auto Snapping moves the label as close to the edge path as possible.
The Angle rotates the label. If Auto Rotation is enabled, the angle will be added to the rotation resulting from the curved path.