{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"This example demonstrates basic SVG shapes styled with CSS, including circles, rectangles, and a line, arranged in a static composition. The SVG markup defines elements with explicit coordinates and fill colors, while a separate stylesheet controls global layout and stroke properties. The code uses native SVG elements such as `<circle>`, `<rect>`, `<line>`, and the `<g>` grouping element with a `transform` attribute. No JavaScript libraries appear; the visualization relies solely on SVG and CSS for rendering. A line serves as a shared axis, with shapes positioned above and below it.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bedcb39654ad44baa360d4a8809bc1f2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}