{"version":"1.0","type":"rich","title":"Shapes with SVG & CSS","description":"This example shows how to draw basic shapes like circles, rectangles, lines, and paths using SVG elements styled with CSS. A group of shapes is transformed and recolored, while a line and path are grouped under a class that applies thick black strokes with rounded joins. The code uses plain HTML, CSS, and JavaScript within a React starter template, rendering all graphics via inline SVG markup. The shapes demonstrate layering, coordinate transforms, and cascading style inheritance.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e44fcb616f894f719a2ecae20de3d76c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}