D3 Treemap and Pack Layout Integration
This example loads a static relation graph in `fixed` mode, rebuilds a D3 hierarchy from the live graph tree, and writes treemap or circle-pack geometry back into relation-graph nodes. A floating selector lets users switch the same graph between the two D3 layouts while keeping custom node slots, a minimap, shared canvas settings, and image export.
Switch Between D3 Treemap and Circle-Pack Layouts in relation-graph
What This Example Builds
This example builds a full-height hierarchy playground where one loaded relation graph can be reflowed by two different D3 hierarchy algorithms. The canvas shows a generic tree of nodes, a floating description panel exposes the layout selector, and a built-in mini-view stays visible as an overview of the current arrangement.
The key visual result is that the same graph can switch between treemap-