[{"data":1,"prerenderedAt":7},["ShallowReactive",2],{"example-markdown-content:en:custom-force-layout-color-clustering":3},{"markdown":4,"isPaidExample":5,"isTruncated":5,"charLimit":6},"# Custom Force Layout for Color-Based Node Clustering\n\n## What This Example Builds\n\nThis example builds a full-screen force-layout playground where many circular nodes drift on a dark canvas and gradually regroup into color-based clusters. The graph starts as an edge-free field of nodes with random positions and random red, yellow, or blue fills, then a custom force solver pulls same-color nodes toward one another.\n\nUsers can tune the motion with two sliders, recolor every node with one button, ",true,500,1782615387033]