{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"This example shows how SVG shapes can be styled using both presentation attributes and CSS. The visualization contains circles, rectangles, lines, and a path, all scaled and translated within a single `<svg>` element. The code uses explicit SVG geometry and CSS rules to control visual properties: the `.lines` class applies black strokes and a 10-pixel stroke width to line elements, while the nested `.lines path` rule overrides these with a steelblue stroke and round line joins. Shapes are positioned with `cx`, `cy`, `x`, and `y` attributes, with some groups using `transform` attributes for translation and color inheritance.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/644ce79b4904490980ac4574ce9eaf04?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}