This example demonstrates fundamental SVG shapes and attributes embedded directly in an HTML document. It shows circles with different radii and colors, a rectangle with stroke styling, a line element, and a path with a yellow fill and black stroke. The code uses raw SVG markup within an inline `<svg>` tag, specifying geometric coordinates and presentation properties like `fill`, `stroke`, and `stroke-width`. No JavaScript libraries are involved; the rendering relies entirely on the browser’s built-in SVG support. The blue border rectangle outlines the canvas area, while the pink rectangle and path illustrate varying shape configurations.