This example draws a simple smiley face using Scalable Vector Graphics (SVG) within a minimal HTML page. The face consists of a large yellow circle with a black outline, representing the head, and two smaller unfilled circles as eyes, positioned symmetrically on the upper half. The rendering relies on native SVG elements such as `<circle>` and attributes like `cx`, `cy`, `r`, `fill`, and `stroke-width`. The page uses an embedded stylesheet to remove margins and hide overflow, ensuring the graphic fills the viewport cleanly without any scripting or external libraries.