This example shows the first step in building a smiley face, with a yellow circle for the head and two smaller black circles for the eyes on an SVG canvas. The head is centered at (480, 250) with a radius of 245, outlined by a 10-pixel black stroke. The eyes are placed at (350, 180) and (600, 180), each with a radius of 50. The code uses raw SVG elements—`circle` and `svg`—with hardcoded coordinates, rendering in a fixed 960×500 viewport without any JavaScript libraries or data sources.