JavaScript is required

Custom Force Layout on Concentric Rings

This example mounts a custom `RGLayouts.ForceLayout` subclass that keeps relationship nodes moving under force rules while constraining them to configurable concentric rings. A floating control panel lets users retune repulsion, line elasticity, ring diameters, canvas behavior, and image export on the live graph.

Edit on GraphPilot

Custom Force Layout with Concentric Ring Constraints

What This Example Builds

This example builds a full-screen relationship map where a custom force layout keeps nodes moving, but only along configurable concentric rings. The canvas shows a portrait root node in the center, two anchored first-ring branch roots, explicit labeled relationship lines, and a layered circular backdrop that matches the solver’s orbit rules.

Users can retune node repulsion and line elasticity while the graph is