This example demonstrates a hand-coded SVG canvas with a set of shapes as a comprehensive introduction to SVG fundamentals. It uses raw SVG elements—including `<circle>`, `<rect>`, and `<line>`—to illustrate coordinate systems, styling with `fill` and `stroke` attributes, and basic geometric primitives. The visualizations are declared directly in HTML within an `<svg>` viewport. The code shows how shapes are positioned using `cx`, `cy`, `x`, `y`, `width`, and `height` attributes, and how appearance properties like `fill='none'` and `stroke-width` are applied, serving as a static, code-level primer for the SVG API.