This example shows a collection of basic geometric shapes—a circle, a rectangle, a line, and a path—rendered inside a single SVG canvas. The shapes are styled and transformed using CSS rules and inline presentation attributes, demonstrating how CSS can apply strokes, fills, and transformations like translating and scaling to SVG elements. The code uses raw HTML with an SVG element, and a linked `styles.css` file defines classes such as `.lines` and `.highlited` to control visual properties, including stroke color, line joins, and a scale transform on the line group.