svg-fundamentals
This example demonstrates the fundamental building blocks of SVG graphics, showing how basic shapes like circles, rectangles, lines, and paths are rendered on a 960×960 canvas. The code uses raw SVG elements—including `<circle>`, `<rect>`, `<line>`, and `<path>`—with inline attributes for positioning, fill colors, stroke styles, and dimensions. It illustrates core SVG properties such as `cx`/`cy` for circle centers, `stroke-width` for line thickness, and `d` for path data. The example runs as a static HTML page with no external libraries, making it a pure reference for SVG syntax and attribute usage.