{"version":"1.0","type":"rich","title":"Shape SVG and CSS","description":"This example creates a static SVG scene with geometric shapes, including two circles and a square, rendered at different positions. The markup uses raw SVG elements such as `<circle>` and `<rect>`, with one circle filled red via a `fill` attribute. Styling comes from an external CSS file, which sets the body margin to zero and hides overflow. No JavaScript libraries are used; the visualization relies solely on SVG and CSS, demonstrating basic shape positioning and styling without interaction or data binding.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6ab970e78d184b4a94ce022e8f7c6a73?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}