{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"SVG shapes drawn with declarative markup and CSS styling include circles, rectangles, lines, and a path. The HTML defines a single SVG canvas scaled 1.5x, grouping basic geometric elements across four sections: initial default black shapes, colored shapes using `fill` attributes, a group with a shared `fill` and `stroke`, and a line-and-path group with dedicated CSS classes. The CSS file applies stroke width and color via class selectors like `.lines` and `.lines path` with `stroke-linejoin`. No external libraries are used; the code relies directly on the SVG DOM API and CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0f1501a7064d4a71970265f92a61e1d2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}