{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"This example demonstrates how SVG shapes and colors can be styled directly with CSS, showing circles, rectangles, lines, and a path within a single scalable vector graphic. The visualization uses plain SVG markup for the shapes and a linked stylesheet to apply stroke, fill, and line styling, including classes like `.lines` for grouped elements. A nested `<g>` element with a transform applies scaling to the entire composition. The code relies solely on native SVG elements and CSS, without external JavaScript libraries, and uses inline attributes like `fill` and `stroke` for basic color specification.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/87298a6ebeea4f35ab773379568000c6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}