{"version":"1.0","type":"rich","title":"Drawing circles with d3","description":"This example demonstrates two approaches to drawing a circle with D3, resulting in side-by-side red and blue circles. One circle is created directly in static SVG markup within the HTML, while the other is generated dynamically using D3’s selection and append methods, chaining `attr` calls to set the `cx`, `cy`, and `r` properties and `style` to fill the shape. The code uses `d3.select` and `d3.append` from the D3 v5 library to construct the SVG element and its circle child, showcasing basic programmatic SVG creation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0516d00b74ee4c7682b69155cb37acd8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}