JavaScript is required

Custom Mixed Subgraph Layouts

This example loads one static relation-graph dataset, partitions it by group metadata, and composes five subgraphs with different layout strategies on a single fixed canvas. It is a strong reference for metadata-driven mixed-layout orchestration, especially when per-group styling and one embedded force-driven region need to coexist in one viewer scene.

Edit on GraphPilot

Compose Five Subgraph Layouts on One Fixed Canvas

What This Example Builds

This example builds a single relation-graph scene that looks like a collage of five separate subgraphs arranged around one canvas. The left, right, top, bottom, and bottom-right regions each use a different layout strategy, but they are still loaded into one graph instance and shown together in one viewport.

The user sees color-coded node groups, visibly different connector styles, and a floating white helper wi