{"version":"1.0","type":"rich","title":"Shapes with SCG and CSS","description":"This example demonstrates basic SVG shapes—circles, rectangles, lines, and paths—styled through both inline attributes and CSS. It shows how SVG elements inherit styling from parent `<g>` groups and how CSS classes can apply strokes and fill colors. The code uses the SVG API directly with elements like `<circle>`, `<rect>`, `<line>`, and `<path>`, rendered in a 960x500 viewport. The CSS file defines stroke properties for the lines group, while inline attributes handle fills and specific stroke widths.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/524e3170d4c7412d889d91f6a8e5ec81?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}