{"version":"1.0","type":"rich","title":"D3 Marker Clustering","description":"This visualization demonstrates marker clustering on a canvas using D3.js and a custom force simulation. Ten thousand randomly placed points collapse into clusters as the simulation runs, with overlapping circles merging into larger ones based on their weighted areas. The clustering behavior adapts to zoom level—when zooming, all nodes reset to their original positions and re-cluster at the new scale. The canvas is redrawn on each simulation tick, showing only active nodes, while the force layout uses a modified collision detection algorithm to merge nodes that overlap, creating a dynamic, zoom-responsive clustering effect.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-c75d6e1da033ca38706ddef7c776cecd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}