This example demonstrates fundamental SVG shapes—circles, rectangles, lines, and paths—rendered in a 960×500 viewport with explicit coordinate and styling attributes. The static HTML markup defines each geometric element with properties like `cx`, `cy`, `r`, `fill`, and `stroke`, while inline comments explain the SVG coordinate system (origin at top-left) and path command syntax for quadratic Bézier curves. The code uses plain SVG within an HTML document, with no JavaScript libraries or dynamic behavior, serving as a bare-bones introduction to SVG rendering in the browser.