SVG Fundamentals
This example demonstrates a series of colored circles positioned across an SVG canvas, with a single horizontal blue line beneath them. It shows how basic SVG shapes, including circles and a line, can be styled using presentation attributes like `fill`, `stroke`, and `stroke-width`. The code uses the raw SVG API within an HTML document, defining elements directly in markup. A CSS class named `.circle` attempts to override circle properties, though inline attributes take precedence for some values. The rendering is entirely static, with no interaction or animation.