SVG fundamentals
This example demonstrates basic SVG shape creation within a static HTML page, showing circles, lines, and a custom path rendered directly in the browser. The code uses raw SVG elements—`circle`, `line`, and `path`—with explicit `x`, `y`, `r`, and `d` attributes, along with stroke and fill styling. A single navy line and a blue, unfilled triangular path highlight coordinate-based positioning and path syntax. No external libraries or data sources are involved; the rendering relies purely on native SVG markup embedded in the document body, making it a minimal introduction to vector graphics fundamentals.