Live Demo — yFiles in Action
30–45 min | Online | No install required
For Developers, Product Mangers & Executives
- Interactive graph visualization in real time
- Integration example
- Live Q&A and next step recommendations
30–45 minutes | 1:1 or team session | Online (Zoom / Teams)
No install required | We show live code
Book a free live demo
Hierarchical Layout with Edge Grouping
This demo shows how to customize the HierarchicalLayout to group edges
at their source or target nodes.
An alternative:
automaticEdgeGrouping.
Edge Grouping
The layout is configured such that:
- All edges starting from node 0 are grouped at their source side
- All edges ending at node 5 are grouped at their target side
The default hierarchical layout without edge grouping will place each edge individually.
Things to Try
Click the button in the toolbar to toggle between hierarchical layout with and without
edge grouping.
Documentation