Layout Features Tutorial

Hierarchic Layout with Edge Grouping

This demo shows how to configure edge grouping for the Hierarchic Layout.

For edges connecting to nodes 0 and 5, source and target group IDs are configured, which causes the HierarchicLayout to group them. The IDs are defined via properties sourceGroupIds and targetGroupIds.

Click the button in the toolbar to toggle between HierarchicLayout with and without configured edge routing.

Code Snippet

You can copy the code snippet to configure the layout from GitHub.

Edge grouping for other layouts

The edge grouping setup for other algorithms that support the feature is basically identical. The respective LayoutData implementations offer the same properties, so that the snippet provided by this demo can easily be adjusted.

Demos

You can also take a look at the Edge Grouping and Edge Router Grouping demos for more elaborate applications of edge grouping.

Documentation

The Developer's Guide provides more information about Layout with Edge Grouping.