This example demonstrates basic SVG shape rendering in a bare HTML page. It shows a black circle centered at the top-left and a blue diagonal line crossing the coordinate space. The code uses the SVG `<circle>` and `<line>` elements directly within an inline `<svg>` container, without any external JavaScript libraries. The rendering relies entirely on SVG’s built-in vector graphics capabilities, with attributes like `cx`, `cy`, `r`, and `stroke` controlling geometry and appearance. The page is static, containing no interaction or data-driven updates.