{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates basic SVG shapes—circles, rectangles, lines, and a path—stylized via CSS classes and inline attributes. It shows how shape properties like fill, stroke, and stroke-width can be set directly or inherited through grouped elements, with the `g` element using `translate` and `scale` transforms to reposition and enlarge the drawing. The code uses plain SVG APIs and CSS selectors, such as `.lines path` for path-specific styling, without any external JavaScript libraries. The rendering is entirely static, relying on the SVG markup and stylesheet for visual output.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/395d1e7ced05453fb40a8413dbe89f8a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}