{"version":"1.0","type":"rich","title":"Playing with Shapes and Colors with SVG and\n      CSS","description":"This example demonstrates how SVG elements can be reused and styled through CSS and the `<use>` tag, generating a playful composition of shapes including squares, circles, ellipses, lines, polygons, and polylines. It shows how basic geometric primitives defined once with IDs can be instantiated multiple times with varying positions, fill colors, and stroke properties. The code uses plain SVG markup with `<rect>`, `<circle>`, `<ellipse>`, `<line>`, `<polygon>`, and `<polyline>`, along with the `<use>` element for duplication, all styled via an external CSS stylesheet. The rendering approach is purely SVG, with no JavaScript libraries involved.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dceca38cfcdb4af6b5f0190a14436204?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}