A yellow circle with a black outline forms a smiley face against a plain background. Two smaller black circles serve as the eyes, positioned symmetrically on the upper half of the face. The example uses raw SVG elements—specifically `<circle>` tags—to construct the shapes, with coordinates and radii calculated relative to the 960×500 viewport. No additional JavaScript libraries are involved; the rendering relies entirely on static SVG markup embedded directly in the HTML document.