{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates how SVG shapes—circles, rectangles, lines, and paths—can be styled and transformed using CSS. It shows the same shapes rendered with default black fills, inline `fill` attributes, and inherited styles from a group using `transform`, `stroke`, and `stroke-width` properties. CSS classes like `.lines` and `.lines path` apply stroke colors and line joins, while the `.the-big-picture` group scales the entire scene. The code uses React for rendering, with raw SVG elements and a linked `styles.css` file for styling.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/77ef7b45765c48d1bc4c96b608654e67?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}