{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates the use of raw SVG shapes within an HTML page, displaying circles and rectangles at specific coordinates. The code uses native SVG elements like `<circle>` and `<rect>` positioned on a 960×960 canvas, with some shapes colored via `fill` attributes while others remain default black. It applies basic CSS styling through an external stylesheet, including a `.highlighted` class and page-level body margins. No JavaScript libraries are used; the visualization relies solely on static SVG markup and Cascading Style Sheets for rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1d5f1bbb4e574c808692276a5930491c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}