{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates basic SVG shape rendering within a single HTML page. It shows circles, a rectangle with a colored fill and stroke, a line, and a path element, all positioned on a 900 by 600 pixel canvas. The code uses the SVG API directly through inline XML elements, with attributes like `cx`, `cy`, `r`, `width`, `height`, and `d` to define geometry. CSS and JavaScript are not actively used here; rather, the structure relies purely on declarative SVG markup to produce its static visual output.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fe96c7070e744ac4bdcec2c3a4c015ad?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}