{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example displays a set of basic geometric shapes—circles, rectangles, and a line—arranged within a static SVG viewport. It shows how SVG elements behave with different fill colors, strokes, and a group transform that applies shared styling. The code uses the SVG DOM API directly, with properties like `fill`, `stroke`, and `transform` specified inline or via a CSS class. Rendering is purely client-side through the browser’s SVG engine, with no external data source or JavaScript library involved.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c8fbada4eaa646f5a70dde207d8dd68b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}