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 Layer Constraints
This demo shows how to customize the assignment of nodes to layers (layering) when using
HierarchicalLayout.
Layer constraints
-
Node 9 is placed in the topmost layer with the
placeAtTop method.
-
Node 7 is placed in the bottommost layer with the
placeAtBottom method.
-
Node 0 is placed at least one layer below node 9 with the
placeInOrder method.
-
Node 2 is placed in the same layer as node 0 with the
placeInSameLayer method.
Things to Try
Click the button in the toolbar to toggle between hierarchical layout with and without
configured constraints.
Demos
Documentation