{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates how to draw and style SVG shapes using React and CSS. It shows circles, rectangles, lines, and a polyline path, with attributes like `fill`, `stroke`, `stroke-width`, and `transform` applied directly to SVG elements or through grouped `<g>` elements. The page uses a simple HTML structure with linked `styles.css` and inline SVG markup, highlighting both inline presentation attributes and external stylesheet rules for visual customization.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7b4740aa4514474d9a9b07528e75c4ef?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}