{"version":"1.0","type":"rich","title":"fresh block","description":"A clustered force-directed layout shows 200 colored circles grouped into 10 distinct clusters, with circle size varying randomly. The visualization uses d3.v4’s `d3.layout.force` for simulation and `d3.geom.quadtree` for collision detection, while custom cluster and collide functions enforce intra-cluster padding and inter-cluster separation. Rendering is SVG, with color assigned via `d3.scale.category10` and circles positioned on each tick. The data is procedurally generated in the browser using random radius and cluster assignments.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-31dd5018f39e6b6eb11fb488ec2f0888?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}