SVG Fundamentals
This example demonstrates fundamental SVG shapes—a coral circle, a light blue stroked rectangle, a navy line, and two dark green triangular paths—positioned on a full-viewport canvas. The code uses plain SVG markup within an HTML page, styled with CSS for full-bleed layout. Each element relies on core SVG attributes like `cx`, `cy`, `r`, `x`, `y`, `width`, `height`, `stroke`, and `fill` to define its geometry and appearance. The paths use the `d` attribute with absolute `M` and `L` commands to draw straight-edged triangles. No external JavaScript libraries are employed; the visualization is purely declarative SVG.