This example shows the first step in constructing a simple smiley face using basic SVG shapes. A large yellow circle forms the head, with two smaller black circles placed as eyes, all on a plain white background. The rendering is done directly with SVG elements, using the `circle` tag and inline attributes such as `cx`, `cy`, `r`, and `fill` to define geometry and styling. The code uses no external libraries, relying solely on native SVG through the browser’s document object model.