{"version":"1.0","type":"rich","title":"fresh block","description":"This example shows 200 colored circles grouped into 10 distinct clusters, with each circle’s size and cluster assignment generated randomly. A force-directed layout using d3.layout.force continuously adjusts circle positions, applying a custom clustering function to keep same-cluster circles near their largest member and a collision detection routine based on d3.geom.quadtree to prevent overlaps. Circles are rendered as SVG elements, with colors assigned via d3.scale.category10 and drag interaction enabled through force.drag.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-75ba09c528f6db8df9a432b66c5586a6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}