chevron_right Demos chevron_right Sequence 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

Sequence Constraints Demo

Shows how to use sequence constraints to restrict the node sequencing in HierarchicalLayout.

The sequence is determined by the model data.

A weight property determines the position of the node. Higher weights will force a placement more on the right. The weight is indicated by the number on the node and its background color. A darker color indicates a low weight, a brighter color a high weight. Red and green indicate that the node will be forced at the first or last position, respectively.

The weight can be changed using the buttons on each node.

A weighted property, controlled by the Constraints button, determines whether the node should be constrained at all.

Things to Try