{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates basic SVG shapes—circles, rectangles, lines, and a path—styled through CSS. The code uses raw SVG elements within an HTML page, applying inline attributes for positioning and fill colors, while external CSS rules control stroke properties and line joins. A transform scales the entire group and translates a sub-group, showing how SVG transformations compose. No JavaScript library is used; the rendering relies solely on SVG and CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b6a818b0387046419749c7ded300d06f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}