Shapes with SVG
This example demonstrates basic geometric shapes rendered directly through the SVG API, including a circle, rectangle, line, and path. A `<g>` group element applies a transformation to translate shapes vertically and sets fill and stroke attributes. Two additional groups illustrate styling variations with different colors and stroke widths. The code uses native SVG elements within an HTML document, with the stylesheet defining a large monospace font for the body but no styling for the shapes themselves.