{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"A single yellow circle sits centered on a blank SVG canvas. The example demonstrates fundamental SVG shape creation and styling using D3 v5, where the circle's radius, x and y coordinates, and fill color are set through chained attribute methods. The code imports the `select` function from D3 and appends the circle element directly to the SVG container. CSS resets the page margin and hides overflow, while the fixed 960×1000 SVG viewport holds the static geometric figure.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4b835bf64dfe44b79febec09ab8c1656?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}