JavaScript is required

Click-Driven Related Node Group Highlights

This example builds a force-layout viewer that outlines a clicked node and its related neighborhood with a canvas-layer rounded rectangle. It seeds three example groups on load, deduplicates repeated selections, and keeps only the newest three overlays visible for comparison.

Edit on GraphPilot

Click-Driven Related Node Group Highlights with Canvas Rectangles

What This Example Builds

This example builds a force-layout network viewer that marks neighborhoods with persistent canvas-layer rectangles. The graph starts with three seeded highlight groups, and each saved group is drawn as a rounded translucent outline around one core node plus the related nodes returned by relation-graph.

Users can click more nodes to add another highlighted neighborhood, compare up to three groups at