{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"This example demonstrates basic SVG shapes—circles, rectangles, lines, a path, and a polygon—styled with inline CSS properties and grouped transforms. The SVG markup uses fill, stroke, and stroke-width attributes to apply color and outlines, while a scaling transform enlarges the first group of shapes and a translation move repositions the line and polygon group. No external libraries or data are used; the rendering relies purely on native SVG elements and a minimal external stylesheet that resets the body margin.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3f187a71da6043789a08922ce35c9386?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}