{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example displays a static collection of SVG shapes—circles, rectangles, lines, and a path—arranged in groups and scaled to fill the viewport. It demonstrates how Cascading Style Sheets (CSS) can style SVG elements, setting stroke colors, widths, and line joins via class selectors. The markup uses raw SVG elements like `<circle>`, `<rect>`, and `<path>`, with inline attributes for fill and translation. No JavaScript libraries are used; the page relies on plain HTML, CSS, and SVG rendering in the browser.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/940f17c1d0474c4eabf78bd8803da8d9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}