{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example shows a collection of geometric shapes—circles, rectangles, lines, and a path—arranged on an SVG canvas, with some shapes inheriting styles from CSS classes and groups. The SVG elements use direct attributes for fill, stroke, and positioning, while the `.lines` class applies stroke styling via CSS. The code uses vanilla JavaScript within an HTML page, linking to a separate stylesheet, and demonstrates how SVG and CSS work together without any external visualization libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0aae271f6a1343e59cf86adf7ad3331d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}