{"version":"1.0","type":"rich","title":" Circles with D3","description":"This example demonstrates how to draw a scatter of circles on an SVG canvas using D3.js version 7.8.5. It shows seven colored circles positioned across the container, each with varying radii and opacity, driven by a static data array. The code employs D3’s `select` function, data joins via `.selectAll().data().join()`, and method chaining with `.attr()` to set circle properties, while sizing the SVG dynamically based on container dimensions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4e76a1f3e47146b4acfda35590c5be98?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}