{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example shows how SVG shape elements and CSS classes can be combined to create a static composition of circles, rectangles, lines, and paths. The SVG markup uses native elements such as `<circle>`, `<rect>`, `<line>`, and `<path>`, with inline attributes for fill, stroke, and transforms like `scale` and `translate`. CSS rules in `styles.css` style the `.lines` group and its child paths, adding black strokes with a cyan stroke-linejoin on paths. No external JavaScript libraries are used; the visual is purely declarative, relying on browser-rendered SVG and linked stylesheet.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e8f244118c9b4893ab48bdcdbda8bd0e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}