Hierarchic Subcomponents Demo [yFiles for HTML]

This demo shows how hierarchic layout can arrange selected subcomponents of a graph with different layout styles.

Available styles are tree, organic, or orthogonal style, or a hierarchic style with different settings than the main layout.

Things to Try

Add nodes to a new subcomponent that gets an individual layout. Select some nodes, choose a layout algorithm and style, and hit . Then the new subcomponent is marked with a color and the layout is updated.
Remove nodes from subcomponents. Select some nodes and press . Those nodes are removed from their subcomponents.
Add nodes and edges to the graph and update the layout by clicking on the layout button in the toolbar. Note that the layout only changes if the graph was modified.