This example draws the first step of a smiley face using raw SVG primitives inside an HTML document. Three circles form the head and two eyes, with the face’s outline and features styled through SVG presentation attributes such as `fill` and `stroke`. The markup defines a static 960×500 canvas without any scripting or external libraries, relying solely on the browser’s native SVG rendering. The visualization is a simple, self-contained illustration of vector graphics construction, with the head circle filled yellow and black-bordered, while the eye circles remain unfilled.