Shapes with SVG and CSS
This example demonstrates how to create and style basic SVG shapes—circles, rectangles, lines, and paths—using static HTML and CSS. The SVG canvas is scaled down with a transform, while individual elements are positioned and colored through direct attributes like `fill` and `stroke`, or via CSS classes such as `.lines` that set stroke properties. The code uses plain SVG markup and CSS rules, with no JavaScript libraries, to show shape composition and styling.