{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates fundamental SVG shapes and styling by rendering two overlapping circles and a rectangle on a 900x500 canvas. The code uses plain HTML and CSS within an SVG container, showing how to set coordinates, dimensions, fill colors, and stroke properties for basic primitives. A red-filled circle and a blue-outlined rectangle with thick stroke width illustrate layered rendering and the difference between fill and stroke attributes. The example serves as a bare-bones introduction to SVG markup without external libraries or data sources.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/772b65a83beb43a1a0e9c6fc4218538a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}