{"version":"1.0","type":"rich","title":"Fork of Circles with D3","description":"This example demonstrates a colorful scatter of seven circles rendered as an SVG, each positioned with explicit x/y coordinates and sized with varying radii. The visualization highlights D3.js data binding and the General Update Pattern, where an array of objects is joined to circle elements using `selectAll`, `data`, and `join`. The code sets dynamic attributes for position, radius, color, and opacity, while the SVG container is sized to match its parent element’s dimensions. A custom background color provides contrast, making the palette of vibrant fills stand out.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8f53785b79804df0b99d814f5e9d6758?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}