{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"This example demonstrates basic SVG shapes—a circle, rectangle, line, and path—styled with CSS classes and inline attributes, rendered with React. The SVG canvas uses a 960x500 viewport, with shapes grouped and transformed. CSS rules in `style.css` control stroke color, width, and fill, including a highlighted class. The code references plain SVG elements and CSS selectors, with React’s `index.js` handling a text message, though the visualization itself relies solely on static SVG markup and stylesheets.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d8cd2f9d564848daa4e865f9cded3689?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}