{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"A static SVG canvas displays basic geometric shapes—circles, rectangles, a line, and a path—styled with CSS. The markup uses inline SVG elements like `<circle>`, `<rect>`, `<line>`, and `<path>`, grouped with `<g>` tags to apply shared fill and stroke attributes. The `styles.css` file removes page margins, while SVG presentation attributes (e.g., `fill`, `stroke-width`, `transform`) define colors, outlines, and offsets. No JavaScript or external libraries are involved; rendering relies solely on SVG and CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/89c8f356826841a0845566a4d960b5eb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}