This example shows how to compose basic SVG shapes—circles, rectangles, lines, and paths—within a grouped, scaled canvas. It demonstrates applying both inline attributes and CSS classes to control fill, stroke, and stroke-width, with different styling for inherited properties versus explicit overrides. The code uses raw SVG elements and external CSS, with no JavaScript or D3 APIs, relying on the `g` transform to scale and translate the shapes. The rendering is purely static SVG, illustrating simple declarative vector graphics.