{"version":"1.0","type":"rich","title":"Fork of Circles with D3","description":"This example shows a simple scatterplot of circles arranged on a 2D plane, with each circle’s position and size determined by explicit data values. It demonstrates D3’s data join and method chaining to bind an array of circle objects to SVG `<circle>` elements, setting `cx`, `cy`, `r`, and `fill` attributes. The visualization uses D3 v7 with the `select` function and the `.data().join()` pattern for efficient rendering, while the canvas background and opacity styling enhance the overlap effect. Data is embedded directly in the code as a static array, serving as a foundation for later loading external data sources.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/51ec8c8951f84bcb9aade4ce8b256360?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}