JavaScript is required

Managed Tree Branch Growth with Reapply

This example shows how to keep a nested tree outside relation-graph, grow branches through inline plus-button placeholders, flatten the updated tree, and reapply it after each edit. It is a focused reference for guided branch creation on app-managed data, with automatic relayout, viewport fitting, and shared canvas settings and export helpers.

Edit on GraphPilot

Grow a Managed Tree and Reapply It After Each Branch Edit

What This Example Builds

This example builds a left-to-right tree where regular nodes appear as purple pill labels and each branch ends with a circular plus button. Clicking one of those inline controls creates one to three new child nodes, reruns layout, and refits the viewport so the updated branch is immediately visible.

The main point is not generic node insertion by itself. The component keeps its own nested tree as the sourc