{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates basic SVG shapes—circles, rectangles, lines, and paths—with CSS styling and transforms. It shows how fixed SVG attributes like `fill` and `stroke` interact with stylesheet rules, as seen with the `.lines` group using black strokes and a teal path with rounded joins. The code uses plain SVG elements within an HTML file, leveraging a `scale` transform and nested `translate` groups for positioning. No external libraries are employed; rendering relies entirely on native SVG and CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/90426d1404f845f493dd22394f16972c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}