Shapes and Colors with SVG and CSS
This example demonstrates primitive SVG shapes—circles, rectangles, lines, and a path—styled through both inline attributes and CSS classes. The scene shows how fill colors, stroke widths, and line joins are applied, with groups using transformations for scaling and translation. Rendering relies entirely on SVG markup and CSS, with the `styles.css` file defining stroke properties for the line group. No JavaScript libraries are used, and the data is purely geometric, defined directly in the `index.html` file.