This example demonstrates fundamental SVG shapes rendered directly in an HTML document. It shows how basic drawing elements like circles and paths are defined using inline SVG syntax. The visualization features two overlapping red and green circles to illustrate layering, and a single black path composed of absolute and relative line commands. The code uses native SVG elements (`<circle>`, `<path>`) within an `<svg>` tag, with styling attributes such as `fill`, `stroke`, and `stroke-width`. No external libraries are employed; the graphic relies solely on standard SVG support in web browsers.