{"version":"1.0","type":"rich","title":"Fork of Circles with D3","description":"This example demonstrates how to draw a set of circles with D3.js, positioning them using explicit x and y coordinates and styling each with a distinct fill color and opacity. It shows the core data-join pattern by binding an array of circle objects to SVG elements, then using method chaining to set attributes like center position, radius, and color. The visualization uses the D3 `select` function and the `join` method to manage the SVG container and its children. The approach emphasizes a clean separation between data and rendering logic, making it easy to swap in different datasets or apply thematic modifications.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7fa12f959b2d4cbba1a2e50f6b725e22?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}