Sample Graph
Start here

# Node Overlap Avoiding Demo

A demo that shows how to interactively edit graphs without creating overlaps.

Every time a node is added, moved or resized interactively, ClearAreaLayout will push away the other elements so there is enough space for the changed node.

## Things to Try

- Drag a node to another location and watch the graph give way to it.
- Enlarge a node and see that the other nodes will move away to avoid overlaps.
- Create a new node beside an existing one, create a copy or duplicate a node without overlaps.