{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example shows basic SVG shapes—circles, rectangles, lines, and a path—styled with CSS and grouped with SVG transforms. The first row uses default black fills, the second introduces explicit fill colors, and the third demonstrates a group-level fill with a black stroke. A fourth group applies a CSS class to style the lines and path with custom stroke width and colors. The rendering uses plain SVG elements in an HTML page, with CSS rules in `styles.css` controlling presentation attributes like stroke, fill, and line joins.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/34860d27bee64313bf11767f5169b11a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}