This example demonstrates fundamental SVG shapes drawn directly in an HTML document, including circles, a rectangle, and a path. It shows how SVG elements can be styled with attributes like `fill`, `stroke`, and `stroke-width`, and how shapes are positioned using coordinates on the SVG canvas. The code uses vanilla JavaScript and CSS, with all shaping defined through raw SVG markup. The rendering approach relies on the browser’s native SVG support, requiring no external libraries. The example also includes commented-out lines, illustrating how elements can be toggled or edited during development.