{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates basic SVG shape rendering in a bare HTML page. It shows a black circle centered at the top-left and a blue diagonal line crossing the coordinate space. The code uses the SVG `<circle>` and `<line>` elements directly within an inline `<svg>` container, without any external JavaScript libraries. The rendering relies entirely on SVG’s built-in vector graphics capabilities, with attributes like `cx`, `cy`, `r`, and `stroke` controlling geometry and appearance. The page is static, containing no interaction or data-driven updates.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7c4d21599f4e4b6fa2bbc5a8625c3d23?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}