Display Hierarchies

Use the sequential layout to display ordered hierarchies and customise it with various options.

Layout Options
Order of levels
Auto Selected nodes first Predefined
Order within levels
Auto Descending Ascending
Stretch distance between levels: 1.5
Orientation
Down Up Left Right
Link Shape
Curved Direct

The sequential layout displays nodes on distinct levels and with a clear sequence of links between them, all while minimising link crossings as much as possible.

Order of levels

Sequential can control the hierarchical order of levels:

  • Automatic - if no levels or top nodes are defined, levels are inferred using the arrows on links
  • Selected nodes first - using the top property, selected nodes are placed at the top
  • Predefined - nodes are placed in the hierarchy according to their level value

Order within levels

Sequential layout can also order the items within each level according to the value in property and the order in sortBy in the orderBy object.

Styling

The ordering options apply for all layout orientations. Custom stretch between levels makes the most of available screen space while using curved links instantly changes the appearance of the chart.

Key functions used: