Start here

# Interactive Hierarchic Layout Demo

This demo shows the incremental mode of the hierarchic layout. Each user action triggers a run of this layout style to ensure that the current state of the graph is always well-organized but remains still similar to the previous arrangement.

The layers of the layout are visualized in the background of the graph.

## Things to Try

- Move and resize nodes and watch the layout update. During moves the target layer is indicated.
- Create edges and see the routes being recalculated immediately.
- Create new nodes and observe how they are inserted into the drawing near the place they have been created.
- Drag the first and last bend (or create one) of an edge to interactively assign or reset port constraints.
- Use the context menu to reroute selected edges or optimize selected node locations.