This example demonstrates basic geometric shapes rendered as SVG elements, with styling applied through both inline attributes and external CSS. It shows how circles, rectangles, lines, and a path can be combined and transformed using SVG’s `transform` attribute, including scaling and translation. The code uses plain SVG markup and CSS selectors, such as the `.lines` class, to control stroke properties like color and width. The HTML file includes the SVG directly, with no JavaScript libraries or data sources involved.