Layout Features Tutorial

Hierarchic 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 the Hierarchic Layout.

Layer constraints

The layout is configured such that node 5 follows node 4 on the same layer. When using the default Hierarchic Layout, node 5 is placed on the next layer.

Sequence constraints

The only configured sequence constraint is that node 5 follows after node 4.

Click the button in the toolbar to toggle between Hierarchic Layout with and without configured constraints.

Code Snippet

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

Demos

See the Layer Constraints and Sequence Constraints demos for more elaborate examples of the constraints functionality.

Documentation

See the Constrained Layer Assignment and Constrained Node Sequencing sections in the Developer's Guide for an in-depth discussion of the relevant concepts.