SVG Fundamentals
This example demonstrates fundamental SVG shapes—circles, rectangles, lines, and paths—positioned on a 960×500 canvas with explicit coordinates and styling. One circle uses a red fill, while an unfilled rectangle with a black stroke outlines the full canvas boundary. The code relies entirely on raw SVG markup in the DOM, with no external libraries or JavaScript, showing how to construct static vector graphics using only HTML elements and CSS-like presentation attributes. The path element uses a `d` attribute with absolute commands (M, L) to trace a polyline, while the line element defines endpoints directly via `x1`, `y1`, `x2`, and `y2`. The page is minimal, containing only the inline SVG and no interactive behavior.