This example shows how to draw and style basic SVG shapes—including circles, rectangles, lines, and a path—on a 960×500 canvas. The shapes are grouped and transformed using SVG’s `scale` and `translate` attributes to position and size them. CSS in an external stylesheet (styles.css) defines stroke and fill properties for the groups, including a `.lines` class that sets black strokes and a class-specific path style with a dark teal color and rounded line joins. The page uses plain HTML with linked CSS, no JavaScript frameworks or libraries.