{"version":"1.0","type":"rich","title":"D3 Ellipses in SVG","description":"This example shows a diagonal series of four blue ellipses positioned incrementally across an SVG canvas. The code selects the body element, appends an SVG container with fixed width and height, and binds an array of ellipse objects containing center coordinates and radii. Using D3 v4’s data join, it creates each ellipse via `selectAll(\"ellipse\").data().enter().append(\"ellipse\")`, then sets the `cx`, `cy`, `rx`, and `ry` attributes from the bound data. A CSS filter targets the first child ellipse to apply a blue fill.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-970ea216ebb1c2136cf3604ea0e814df?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}