This example shows the first step toward drawing a smiley face using raw SVG circles. A large yellow circle with a black stroke forms the face, while two smaller unfilled circles represent the eyes. The SVG markup uses explicit `cx`, `cy`, and `r` attributes to position each shape. No JavaScript or CSS libraries are used, relying purely on static SVG elements to define the geometry.