{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates a collection of basic SVG shapes—circles, rectangles, lines, and paths—styled through CSS and inline attributes. It shows how SVG elements inherit properties like fill and stroke from parent `<g>` groups and how CSS classes target specific elements, such as the `.lines` class, to apply stroke width and line-join styles. The graphic uses a coordinate system transformed by `scale` and `translate` operations to position shapes, rendering directly in the browser via SVG markup within an HTML file.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5cfb4a0fbfa94b0abce108b71ca14398?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}