{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example shows how to create and style basic SVG shapes, including circles, rectangles, lines, and paths, using both inline attributes and CSS classes. The shapes are drawn within an SVG element and scaled via a transform. CSS rules in `styles.css` apply stroke styling to the group with class “lines,” while the `path` element uses a custom stroke color and rounded line joins. The code demonstrates combining SVG’s native shape attributes with external stylesheet rules for visual customization.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/adbc4e4f4c984a139266659cb5c76843?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}