{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"A collection of basic SVG shapes—a circle, a rectangle, and a polyline path—rendered with inline SVG elements and styled via external CSS. The example demonstrates how CSS classes control stroke color, width, and fill, including a blue path with rounded line joins. It uses raw SVG tags like `circle`, `rect`, `line`, and `path`, with a transform applied to scale and translate the group. The code exercises standard SVG geometry and CSS styling rules without any JavaScript or additional libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/383c4f96005747418014f3985f2bf683?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}