Layout Styles Demo

This demo showcases the most used layout algorithms of yFiles, including hierarchic, organic, orthogonal, tree, circular, balloon, and several edge routing styles.

The configuration panel provides access to the settings of each algorithm. Typically, an algorithm allows even more options in code.

Since not every layout style works well for every type of graph, we provide several suitable sample graphs.

The interactive editing capabilities of the graph component of this demo are explained in the Graph Editor Demo.

Things to Try

Browse the Layout Algorithms and Sample Graphs.
Explore and apply the settings of the layout algorithms.
Try a preset configuration to explore different aspects of the layout algorithms.