Shapes with SVG and CSS
This example demonstrates how to create basic geometric shapes using SVG elements and style them with CSS. It renders circles, rectangles, lines, and a path within an SVG canvas, showing how attributes like fill, stroke, and transform control appearance. The code uses inline SVG properties for shape definitions and CSS rules to apply stroke styles and color to specific groups, such as the `.lines` class. The rendering approach uses standard SVG markup with scale and translate transformations, illustrating a simple approach to vector graphics without external libraries.