This example shows the foundational steps toward constructing a smiley face using hand-coded SVG shapes. It displays a large gray circle with a black outline as the head, and two separate, symmetric eye regions positioned on either side of the vertical center. The eyes are built from stacked concentric circles, each using a different fill color to create a layered iris-and-pupil effect. The rendering relies on the raw SVG API, with explicit `circle` elements and attributes for `cx`, `cy`, `r`, `fill`, and `stroke`, placed within an HTML document.