JavaScript is required

Multi-Group Graph Layout and Style Editor

Builds a fixed-canvas graph workbench where users can insert randomly generated tree groups, assign each group its own layout and visual style, and then edit or delete the group as a unit. The example combines per-group sublayout execution, floating configuration panels, selection overlays, minimap support, and shared canvas export and interaction settings.

Edit on GraphPilot

Editing Multiple Graph Groups on a Fixed Canvas

What This Example Builds

This example builds a lightweight graph workbench rather than a single preloaded chart. The page shows a full-screen RelationGraph canvas with a dark grid background, a floating white control window, a minimap, and selection overlays for the currently edited group.

Users can insert new graph groups at runtime. Each inserted group is generated as a random tree, placed around a chosen root coordinate, styled with it