{"version":"1.0","type":"rich","title":"19. D3 Drawing SVGs Circles","description":"Five SVG circles are drawn horizontally across a browser canvas, their radii determined by a small inline dataset of five numbers. A D3.js v4.5.0 script selects the body element, appends an SVG of width 500 and height 50, then uses chained selection methods—`selectAll`, `data`, and `enter`—to create each circle. The `cx` attribute is computed from each element’s index, while `cy` centers it vertically and `r` maps directly to the data value, producing an animated-free, static rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/94613c05a2294284b4ed8043325ff5ad?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}