chevron_right Demos chevron_right Hierarchical Layout with Constraints
Legal Disclosure Privacy Policy
yFiles for HTML chevron_right Demos chevron_right Hierarchical Layout with Constraints
Related demos
Book a live Demo

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

Live Demo — yFiles in Action

30–45 min | Online | No install required

For Developers, Product Mangers & Executives

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 Constraints

This demo shows how to customize the assignment of the nodes to the layers (layering) and the order of the nodes in a layer (sequencing) when using HierarchicalLayout.

Layer Constraints

The layout is configured such that node 4 and node 5 are placed on the same layer.

The default hierarchical layout without constraints will place node 5 on the next layer.

Sequence Constraints

The layout is configured such that node 5 follows after node 4.

Things to Try

Click the button in the toolbar to toggle between hierarchical layout with and without configured constraints.

Demos

Documentation