{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates the basic building blocks of SVG rendering through two primitive shapes: a blue circle and a red rectangle. The SVG element establishes a fixed coordinate system with the circle centered at (50,50) and the rectangle spanning from the origin. The code uses raw SVG markup within an HTML document, relying on built-in SVG attributes like `cx`, `cy`, `r`, and `fill` to define geometry and styling. No external libraries or JavaScript are required, showcasing how static SVG graphics can be created declaratively in plain HTML.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6f23e97ee4994e318d336d97a1cbee21?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}