{"version":"1.0","type":"rich","title":"SVG Fundanmentals","description":"This example demonstrates fundamental SVG shapes—circles, rectangles, and lines—positioned on a 500×500 canvas. It shows how CSS and JavaScript combine to render primitive vector graphics directly in HTML. The code uses native SVG elements like `<circle>`, `<rect>`, and `<line>` within plain HTML, with attributes controlling size, position, fill color, and stroke styling. A partially defined `<path>` element remains empty, highlighting incomplete SVG path syntax. The example serves as a static, code-driven illustration of SVG basics without interactive behavior or external data.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b14dea0be32f4b0e9faa1fc69ad0de81?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}