{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"This example demonstrates fundamental SVG shapes and CSS styling through a simple circular element. The visualization shows a single red circle positioned within a 960x500 pixel SVG canvas, with the page configured to remove default margins and hide overflow. The code uses the standard SVG `<circle>` element with explicit `cx`, `cy` (represented as `r` in the code), and `r` attributes, while linking an external stylesheet to control the body presentation. The rendering approach is purely static SVG with no JavaScript or data source, serving as a minimal demonstration of vector graphics primitives and stylesheet integration.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/40a0b2af89f34967aa6556be237d302e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}