{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates the foundational building blocks of SVG graphics, showing how basic shapes are defined and styled. Two circles are rendered side-by-side within an `<svg>` element, with the first using default black fill and the second explicitly colored red via the `fill` attribute. The code uses plain SVG markup embedded directly in an HTML document, with no external JavaScript or CSS dependencies. It highlights how SVG coordinates and properties control visual output, serving as a minimal starting point for understanding scalable vector graphics.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/27bb018dc715443c853bed6fde265a02?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}