JavaScript is required

Sequential Tree Group Layout

This example takes one local hierarchy, splits its first-level branches into separate relation-graph groups, and lays each group out with its own left-to-right folder layout inside a fixed canvas. It then recenters a shared root above the combined bounds, adds display-only orthogonal connectors, and reruns the composition when branches expand or collapse.

Edit on GraphPilot

Composing Sequential Tree Groups Under a Shared Root

What This Example Builds

This example builds a read-only hierarchy viewer with one large All Departments root above several first-level subtree groups placed in a horizontal row. Each group comes from the same source tree, but the canvas presents them as one graph by drawing separate display-only orthogonal connectors from the shared root to each group root.

Users can expand or collapse branches, navigate with the built-in toolbar an