Arrow Edge Style Demo
The ArrowEdgeStyle provides several properties to customize its shape.
There are five basic shapes provided.
For the Arrow,
Double Arrow and
Notched Arrow shapes, the thickness of the
arrow shaft can be defined as a shaft ratio of
the edge size.
For all shapes, the angle of the arrow tip can be
defined. It is the angle between an arrow blade and the perpendicular to which the arrow
The edge style supports separate cropping values for the
end to specify the distance that the tip of the arrow shape should stay away from the
intersection with its source / target shape. This demo provides a single slider to adjust
both, source and target cropping, simultaneously.
Things to try
Select an edge and see its style settings in the property panel on the right-hand side.
Change some of the settings while an edge is selected and see how it affects the
- Move a node and observe how the shapes of the connected edges change.
- Create new edges between nodes using the style settings of the property panel.