{"version":"1.0","type":"rich","title":"svg-fundamentals","description":"This example demonstrates the fundamental building blocks of SVG graphics, showing how basic shapes like circles, rectangles, lines, and paths are rendered on a 960×960 canvas. The code uses raw SVG elements—including `<circle>`, `<rect>`, `<line>`, and `<path>`—with inline attributes for positioning, fill colors, stroke styles, and dimensions. It illustrates core SVG properties such as `cx`/`cy` for circle centers, `stroke-width` for line thickness, and `d` for path data. The example runs as a static HTML page with no external libraries, making it a pure reference for SVG syntax and attribute usage.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3b60361cd58d42f980b2680622d518c6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}