{"version":"1.0","type":"rich","title":"Viz 1","description":"This example shows a set of seven circles, each with its own position, radius, and fill color, laid out on a light-green background. The code demonstrates D3.js’s general update pattern and method chaining to create an SVG element and bind the data array to circle elements. It uses the `select`, `data`, and `join` methods, along with `attr` to set the SVG’s dimensions and the circles’ `cx`, `cy`, `r`, `fill`, and `opacity` values. The rendering is driven by the static data array defined in `index.js`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fb8b167191274909ac8b75e583c18629?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}