{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates a variety of SVG shapes—circles, rectangles, lines, and paths—styled with CSS and grouped using SVG transforms. It shows how presentation attributes like fill and stroke can be overridden by CSS rules, such as the `.lines` class applying stroke width and color. The visualization uses raw SVG elements within a React-compatible HTML page, with a scale transform applied to enlarge the content. No data is involved; the focus is purely on SVG syntax and cascading style behavior.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dbbcfaa1edd14ed2931ba69cbebdba53?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}