chevron_right Demos chevron_right Split Edges
Discover More
Book a live Demo

See yFiles in action

30 min • Online • No install required


For developers, PMs & tech leads

  • Quick-start walkthrough + a real integration example
  • Live Q&A with next-step recommendations

Prefer another tool over Zoom? Just say so when you book.

Opens our scheduling page with Zoom's booking widget embedded. Using it shares your data with Zoom under its Privacy Policy.

See yFiles in action

30 min • Online • No install required


For developers, PMs & tech leads

Prefer another tool over Zoom? Just say so when you book.

Opens our scheduling page with Zoom's booking widget embedded. Using it shares your data with Zoom under its Privacy Policy.

Demo

Split Edges

This demo shows how to use split ids to align edges outside with edges inside a group nodes in RecursiveGroupLayout. In RecursiveGroupLayout the routing for inter-edges is sometimes not satisfactory. Inter-edges are edges that connect nodes outside of a group with nodes inside of this group. Since RecursiveGroupLayout routes these edges after the rest of the graph is arranged, they sometimes don't fit into the overall layout style.

In combination with HierarchicalLayout, inter-edges can be replaced with two edges that are aligned at the group node. HierarchicalLayout provides the option that an edge is routed directly from the border of a group nodes to a node inside of this group node instead of leaving the group node first.

Things to Try

Change the graph and the split ids of the edges and see how the layout changes, too. Edges with split ids are colored different than black.