This example demonstrates how to compose basic geometric shapes—circles, rectangles, lines, and paths—inside an SVG canvas. It shows how styling attributes like fill, stroke, and stroke-width apply directly to elements, and how groups (`<g>`) organize shapes with shared transformations and styles. The visualization is built with plain HTML and CSS, using raw SVG syntax without any JavaScript libraries. The SVG viewport is scaled via a transform, and a CSS class controls the appearance of line and path elements.