JavaScript is required

Connected Component Layout and Theme Switcher

This example loads two disconnected graph datasets into one canvas and lets the user click a node to select its full connected component. The selected component can then switch theme and layout presets without changing the rest of the canvas, and the viewport is adjusted so the active group stays beside the editing overlay.

Edit on GraphPilot

Switch Theme and Layout for One Connected Component

What This Example Builds

This example builds a full-screen graph workbench that mounts two disconnected relation-graph datasets on the same canvas. The user clicks any node to select its entire connected component, then uses a floating toolbar that follows that selection to switch only that component’s theme or layout. A minimap stays visible in the graph overlay, and a draggable helper window exposes canvas settings and image export.

T