SVG fundamentals
This example shows basic SVG shapes drawn directly in HTML, including a circle, rectangle, line, and path, styled with inline attributes like `fill`, `stroke`, and `stroke-width`. It relies on native SVG elements—`<circle>`, `<rect>`, `<line>`, and `<path>`—within an `<svg>` viewport of 960 by 500 pixels, with no JavaScript or external libraries. The page demonstrates how CSS classes and inline styles apply to SVG, though the visible styling is mostly via element attributes. The code uses a simple static layout, with shapes positioned at fixed coordinates and no data binding or interactivity, serving as a minimal introduction to SVG rendering.