{"version":"1.0","type":"rich","title":"Shapes with SVG and CSSt","description":"This example shows how SVG shapes—circles and rectangles—can be styled with CSS and inline attributes. It demonstrates variations in fill color using inline properties like `fill=\"red\"` and hex values, as well as grouping with the `<g>` element to apply shared styling such as stroke and stroke-width. The rendering approach uses React’s SVG support, with the shapes drawn directly in the `index.html` file and global body styles defined in `style.css`. No external libraries or data sources are involved.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a9c8111fe5ed471d9a6b8a0c96e671ae?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}