{"version":"1.0","type":"rich","title":"Fundamentals of SVG","description":"This example demonstrates the foundational shapes and attributes of SVG through a static composition of four primitive elements. It shows a pair of circles, a rounded rectangle, and a diagonal line rendered directly in an inline `<svg>` element with a 960x500 viewport. The code applies styling via presentation attributes such as `fill`, `stroke`, `stroke-width`, and `rx`/`ry` for corner rounding, including a blue-stroked rectangle with no fill and a red line crossing the canvas. It relies solely on native SVG markup with no JavaScript libraries or data sources, highlighting how basic geometric primitives are defined and styled directly in HTML.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/345649d576bf4502a236268c2267342f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}