{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates how SVG shapes can be styled and animated with CSS within a React application. It renders a collection of geometric figures—including circles, rectangles, and polygons—using inline SVG elements, while CSS properties control their fill colors, stroke styles, and transitions. The code relies on React’s JSX syntax to define the SVG structure and applies CSS classes for visual effects, showcasing the seamless integration of declarative markup and styling. No external data source is used; the shapes are hard-coded in the component.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4d15f59c05c843418b12d16fc7320ae7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}