{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"A simple SVG example demonstrates how shapes and colors can be styled using CSS. It shows circles, rectangles, a line, and a path, with fills and strokes applied both directly as SVG attributes and through a linked stylesheet. The code uses core SVG elements such as `circle`, `rect`, `line`, and `path`, along with grouping and transformation via the `g` element’s `transform` attribute. No JavaScript libraries are involved; rendering relies purely on inline SVG markup and CSS rules for visual customization.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2daa651ad9a449889ea8c6b77eb88c65?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}