SVG Fundamentals
This example demonstrates fundamental SVG shapes as a static, visually organized reference. It renders red, green, and blue circles of varying sizes, a yellow rectangle with a navy outline, a diagonal line, and an angular path composed of straight segments. The code uses the SVG API directly through inline `<circle>`, `<rect>`, `<line>`, and `<path>` elements within an HTML document. Each shape is styled with explicit `fill`, `stroke`, and `stroke-width` attributes, with no JavaScript or external libraries involved, providing a plain illustration of vector graphics primitives.