{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"This example demonstrates drawing basic geometric shapes—circles, rectangles, and a polyline path—using inline SVG elements and CSS for styling. It shows how SVG shapes can be grouped and transformed with translation and scaling, while CSS classes control stroke properties like color, width, line join, and line cap. A non-filled path is also rendered with a stroke, using styling rules from an external stylesheet.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bce2c342c9c24113a65a3f3b9ec2c31e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}