This example shows a simple smiley face constructed from three basic SVG shapes: a yellow circle for the head and two smaller circles for the eyes, with the head positioned off-center to suggest part of a larger composition. The page renders the graphic directly in an inline SVG element, using hard-coded coordinates and the `circle` tag with explicit `cx`, `cy`, and `r` attributes. The head features a black outline applied via the `stroke` and `stroke-width` attributes, while the eyes remain unfilled. The HTML document contains minimal styling, only removing margins and hiding overflow to display the vector drawing cleanly.