{"version":"1.0","type":"rich","title":"Circles with D3 + Zoom","description":"This example demonstrates how to create and interact with circles using D3.js. It renders a collection of colored circles with varied positions, radii, and fill colors on a light green SVG background, set at 70% opacity to show overlaps. The visualization implements zooming through d3.zoom, allowing users to scale the content between 0.5x and 5x magnification by adjusting a transform on a group element. The code uses d3.select and data joins to bind circle data to SVG elements, with attributes set via method chaining.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f3e6b17a3810431786b632a050a3da7b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}