{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example demonstrates basic SVG shapes and CSS styling through simple circle, rectangle, line, and path elements. It shows how inline attributes like `fill` and `stroke` work alongside external stylesheet rules defined in `styles.css`. The SVG markup includes grouping with `<g>` and transforms such as `scale` and `translate`, while CSS classes like `.lines` control stroke properties. The visualization uses raw SVG elements without any JavaScript libraries, relying entirely on the browser’s native rendering of the SVG specification.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e1ca0a9ef780434eb4c0a31b6aaf2337?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}