This example displays a single yellow circle with a black outline centered on an SVG canvas, alongside a smaller unfilled circle at the same coordinates. The page uses raw SVG elements within an HTML document, setting the body margin to zero and hiding overflow for a clean, full-viewport presentation. Rendering relies on the native SVG `<circle>` tag, with attributes like `cx`, `cy`, `r`, `fill`, and `stroke` defining the shapes. No JavaScript libraries or data sources are involved; the visualization is purely static markup.