{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"This example demonstrates how SVG shapes can be colored and styled through direct attributes and CSS rules. It shows circles, rectangles, and a polygonal path, with colors applied both explicitly (like a red circle and a green rectangle) and through inherited group properties. The SVG markup uses transform groups to scale and translate elements, while a separate stylesheet defines stroke properties for the path, including stroke-linejoin and stroke-linecap. The rendering is entirely SVG, with structure and styling separated between the HTML and CSS files.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f0d4388e24bb45a689db33a5fcbb9ce8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}