{"version":"1.0","type":"rich","title":"Circles with D3","description":"This example displays a scattered arrangement of colorful circles of varying sizes and positions across an SVG canvas. Each circle is rendered with a distinct fill color, creating a visually playful composition. The code defines a static dataset of circle properties and uses D3 v7’s data join pattern with `selectAll`, `data`, and `join('circle')` to bind and append SVG circle elements. Attributes like `cx`, `cy`, `r`, and `fill` are set directly from the data object.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6a5003f0344c4d34a2ab1f0e5a97cac3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}