{"version":"1.0","type":"rich","title":"SVG with CSS","description":"This example shows a small collection of basic geometric shapes—circles, rectangles, a line, and a path—arranged in two groups, each styled differently through CSS. One group uses inline `fill` and `stroke` attributes, while the second group applies CSS classes to set stroke color, width, and line joins. The SVG is scaled and translated via `transform` attributes, and the stylesheet controls the overall page layout. The visualization demonstrates how SVG elements can be styled using CSS rules defined in an external stylesheet.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/73280e35c9594e0d8b1d6fac95bfcf1f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}