JavaScript is required

Node Neighborhood Group Background

This example loads a force-directed relation graph, seeds three saved neighborhoods, and lets users click any node to create another neighborhood highlight. Each highlight is drawn as a canvas-layer SVG region derived from live node bounds, using a rectangle for one-node groups and a convex-hull footprint for multi-node groups.

Edit on GraphPilot

Drawing Live Neighborhood Background Areas on a Force-Directed Graph

What This Example Builds

This example builds a full-height relation graph viewer with force-directed motion and persistent neighborhood highlights. The canvas starts with three saved groups already visible, each rendered as a translucent green background behind a related set of nodes.

Users can click any node to create another saved highlight region for that node and its related nodes. The most important idea is that th