{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates how SVG shapes and CSS styling can be combined to create a simple composition, featuring three circles and three rectangles with varying fill and stroke attributes, alongside a line and a polyline path. The SVG is scaled via a transform, while a group element applies a shared fill and stroke to its children. CSS classes define the stroke properties for the line and path elements, using specific hex colors and line-join and line-cap styles. The code uses the native SVG API and plain CSS, with no external libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/28cf2817b300490185e14adf5ad23d8f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}