JavaScript is required

Center and Tree Layout Composition

This example loads two disconnected relation-graph datasets into one fixed canvas and places them with separate built-in layout passes. It is a focused reference for a bounds-based handoff pattern: center one subgraph first, measure it, then offset a left-to-right tree beside it while keeping the whole scene in one viewer.

Edit on GraphPilot

Compose Center and Tree Layouts on One Fixed Canvas

What This Example Builds

This example builds a read-only relation-graph viewer that places two disconnected subnetworks inside one canvas. One subgraph is drawn as a center-focused cluster, and the other is drawn as a left-to-right tree positioned to the right of that cluster.

Users see two clearly different visual regions in the same viewport: circular semi-transparent nodes with straight links on the left, and wider rectangular node