{"version":"1.0","type":"rich","title":"Fork of Circles with D3","description":"This example demonstrates how to create and manipulate circles with D3.js. It renders a collection of colored circles on an SVG canvas, each with specified x/y coordinates, radius, and fill color, using a data-driven approach. The code uses D3’s `select`, `selectAll`, and `join` methods to bind the data array to circle elements, with attributes set via method chaining. The `main` function exports a reusable pattern that updates the SVG dimensions based on the container’s client width and height. Data is defined as an array of objects, and the visualization showcases D3’s general update pattern for dynamic rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/019a05ebce314f708d60f051b3a5bb5d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}