This example demonstrates basic geometric shapes drawn in an SVG canvas. Three elements are shown: two circles and one rectangle, each with distinct fill colors and one with a stroke. The code uses the raw Scalable Vector Graphics (SVG) API directly, defining shapes via XML-like tags such as `<circle>` and `<rect>`. The first circle uses a default fill, while the others specify explicit `fill` and `stroke` attributes, with a misspelled `stroke-navy` attribute also present. All shapes are positioned using static coordinate attributes, and the canvas is rendered in an HTML document.