Custom Styles Tutorial

Arrow Thickness

This step shows how to render the arrow based on a property of its edge. In this case, the thickness of the edge is considered when creating the path that defines the outline of the arrow.

Things to Try

  • Change the edge thickness in code and see how the arrow adapts to it.

Left to Do

  • Create a custom port style for nodes.
  • Use the decorator pattern to add label edges to the nodes.
  • Create a custom group node style.