{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates how to render basic geometric shapes using SVG elements styled with CSS, all within a React application. It shows a minimal HTML page that displays the text “Hello HTML” as a placeholder, with the core focus on illustrating the integration of SVG markup and CSS styling in a React component structure. The code uses React to manage the component hierarchy and relies on standard SVG shape elements and CSS properties for visual presentation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2b603f0875e74a3a8b2268d33d58ade8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}