This example shows a basic SVG canvas containing circles, rectangles, lines, and a path, styled with CSS. The code uses raw SVG elements within an `<svg>` tag, grouping shapes with `<g>` tags and applying transformations like `scale` and `translate`. It demonstrates how CSS classes, such as `.lines`, can set stroke properties and how inline attributes like `fill` and `stroke` control appearance. The rendering relies entirely on the browser’s SVG engine, with no JavaScript libraries involved.