{"version":"1.0","type":"rich","title":"Fork of Shapes and Colors with SVG and CSS","description":"This example shows basic SVG shapes—circles, rectangles, lines, and paths—styled with CSS classes and inline attributes. It combines default black fill, explicit colors like red and green, and a grouped set with a light blue fill and black stroke. The rendering uses raw SVG elements within an HTML page, with CSS controlling stroke properties such as width, line join, and cap. The `<g>` elements apply transformations including scaling and translation, while the `.lines` class defines stroke behavior for line and path elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b585c7cacf63412788a4bf743e1e7657?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}