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.