{"version":"1.0","type":"rich","title":"Fork of Circles with D3","description":"This example demonstrates a simple D3.js visualization where four circles, each with distinct positions, radii, and colors, are rendered onto a red SVG canvas. The code initializes the SVG element using D3’s `select` and `join` operations, then binds an array of circle objects to the scene. Using the D3 General Update Pattern with method chaining, it sets the `cx`, `cy`, `r`, and `fill` attributes directly from the data, highlighting how SVG shapes can be generated and styled dynamically with JavaScript.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1b03bb768db3472c81767309d3a3069f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}