{"version":"1.0","type":"rich","title":"Shapes and Colors with SVG and CSS","description":"This example demonstrates how basic SVG shapes like circles, rectangles, lines, and paths can be styled through both inline attributes and external CSS. It shows the effect of applying fills, strokes, stroke widths, and transforms such as scaling and translation. The code uses plain SVG within an HTML document, with a linked stylesheet defining classes like `.lines` for stroke properties and `path` styling. The rendering approach relies on static SVG markup, with no data binding or interaction.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a46b1d112a0840ab8dae74e2f284bedd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}