{"version":"1.0","type":"rich","title":"Circles with d3","description":"A static SVG visualization displays six concentric circles centered at the same point, each with a progressively smaller radius and a distinct fill color (red, green, blue, yellow, purple, orange) outlined in black. The circles are rendered using D3 v7’s data join pattern, where an array of circle objects with explicit `cx`, `cy`, `r`, `stroke`, `strokeWidth`, and `fill` properties is bound to SVG circle elements via `.data()` and `.enter().append()`. The example demonstrates basic shape creation and attribute binding with D3, using a hardcoded dataset rather than external data or animation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5ca90819fd1a4fb69d3e8d3c0a842fba?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}