SVG Fundamentals
This example introduces basic SVG shapes and styling through a minimal, hand-authored document. It shows three geometric figures—two circles and one rectangle—drawn directly inside an `<svg>` element without any data binding or JavaScript libraries. The first circle uses the default black fill, while the second demonstrates the `fill` attribute with red, and the rectangle combines `fill="yellow"` with a navy `stroke`. The code relies solely on core SVG presentation attributes (`cx`, `cy`, `r`, `width`, `height`) to define geometry, highlighting how static vector graphics are constructed declaratively in the browser.