{"version":"1.0","type":"rich","title":"SVG Fundamentals","description":"This example demonstrates fundamental SVG shape rendering in a static HTML document. It displays four distinct vector primitives: a red circle, a yellow rectangle with a navy stroke, a black diagonal line, and a polyline path formed by three connected points. The code defines these shapes directly in SVG markup with attributes such as `cx`, `cy`, `r`, `width`, `height`, and `d` for the path, using explicit `fill` and `stroke` properties for styling. No external libraries are present; the visualization relies solely on native SVG elements within a 900×450 viewport.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8e122979afbb493cb9ec807e5aeeeff2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}