{"version":"1.0","type":"rich","title":"Gooey Force Layout N-body Problem - Canvas","description":"This example shows a gooey, blob-like visualization of 400 nodes simulated with an N-body force layout, rendered on a Canvas element. The simulation uses `d3.forceSimulation` with a `forceManyBody` charge and no velocity decay, causing the nodes to move continuously. Each frame, `d3.contourDensity` computes density contours from the node positions, and `d3.geoPath` draws the filled and stroked contour shape, creating a smooth, merged form. The code uses D3 v4 and the d3-contour and d3-scale-chromatic libraries.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-8dcd0d116f906e621d8422569e4c2a75?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}