{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates fundamental SVG shapes—a circle, a rectangle, and a line—positioned on a 900-by-450 pixel canvas with a visible black border. The circle is stroked with blue and unfilled, the rectangle is filled green with a blue outline, and the diagonal line is drawn in red. The code uses raw SVG markup embedded directly in an HTML document, specifying coordinates, dimensions, and colors via attributes like `cx`, `cy`, `r`, `width`, `height`, and `stroke-width`. No JavaScript libraries are employed; all rendering is handled natively by the browser's SVG engine.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/02a250b3827640e1af4749d2e363d927?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}