{"version":"1.0","type":"rich","title":"Fork of Circles with D3","description":"This example demonstrates how to create and dynamically style SVG circles using D3.js. The visualization renders an array of circle objects with position, radius, and color attributes bound to SVG elements through the General Update Pattern with `selectAll`, `data`, and `join`. The code uses D3’s `select` method to manage the SVG container and updates circle attributes like `cx`, `cy`, `r`, and `fill` through method chaining. The visualization serves as a foundational tutorial for data binding and dynamic SVG manipulation with D3 v7.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5cd21bbc5a6a4de8bca3a53c34faa991?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}