{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates fundamental SVG shapes—circles, rectangles, lines, and paths—positioned on a 1000x500 canvas using declarative markup. It shows how each element’s geometry and styling attributes, such as `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width`, control appearance, including overlapping shapes like the red circle nested inside a green one. The code uses plain SVG within an HTML page, with no JavaScript libraries or frameworks, relying purely on built-in browser rendering of vector graphics.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7cb3bc2895bc4a9f9f25b951b11c2318?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}