{"version":"1.0","type":"rich","title":"Fork of Circles with D3","description":"This example demonstrates a set of seven colored circles rendered on a light green SVG canvas, each positioned with distinct x, y coordinates and varying radii. It shows how D3’s data binding and the General Update Pattern can dynamically create and style SVG elements from array data. The code uses `d3.select`, `join()` to manage the SVG and circle elements, and `.attr()` calls to set position, radius, and fill color based on object properties. Part of the Constructing Visualizations video playlist, the example showcases method chaining and dynamic styling in D3 v3.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5655488274a540c681c3980a7ae2b17d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}