{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates basic SVG shape rendering within a React-based visualization gallery. It displays a red circle and a rectangle on a 960 by 500 canvas, using plain SVG elements defined directly in the HTML. The styles.css file applies a global reset and adds a `.highlighted` class that turns text red, though the shapes themselves use default styling. The implementation relies on core SVG APIs (`circle` and `rect`) rather than higher-level libraries like d3, showcasing minimal markup for static geometric figures.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6ef5b3dae7624e6abe0d087a63c96de8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}