SVG Learning
This example demonstrates fundamental SVG shapes and transformations in a static scene. It displays circles, rectangles, lines, and a path, with attributes like fill, stroke, and stroke-width controlling appearance. The SVG element uses nested `<g>` groups with `scale` and `translate` transformations to position elements, while the `lines` group shows a polyline and an open path. Styling comes from inline attributes and a simple external CSS file. The code directly uses the SVG API, with no external scripting libraries.