This example shows how basic geometric shapes—a circle and a rectangle—can be drawn directly on an SVG canvas. The shapes are positioned using explicit `cx`, `cy`, `r`, `x`, `y`, `width`, and `height` attributes inside an inline `<svg>` element. It uses plain HTML and CSS, with no JavaScript libraries, and demonstrates static styling via an external stylesheet. The rendering approach is native SVG, showing the simplest possible setup for creating vector graphics in a web page.