{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates basic SVG shape rendering with CSS styling in a React starter. It shows circles and rectangles positioned and scaled within an SVG canvas, with fills applied via presentation attributes and external stylesheets. A group of line and path elements uses a CSS class to set stroke properties, including a round line join. The code relies on raw SVG elements and CSS selectors rather than a plotting library, with the styling cascade visible from global rules to class-specific overrides.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0658c6ff24e7465f90f59a51c45a2cd3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}