This example shows the first step toward building a smiley face: a large yellow circle with a black outline, accompanied by two smaller unfilled circles positioned as eyes. The graphic uses static SVG elements defined directly in the HTML markup, with the main face centered on a 960×500 canvas. The circles are drawn via the SVG `<circle>` element, with attributes for position, radius, fill, and stroke. No JavaScript libraries are used; the rendering relies entirely on the browser’s built-in SVG support.