This example shows a simple smiling face constructed from SVG shapes, with a large yellow circle for the head and a smaller black circle for one eye. The page uses plain HTML, CSS, and JavaScript without any external libraries, embedding the SVG directly in the markup. The SVG canvas is set to 960 by 500 units, with the head centered and styled with a yellow fill and black stroke, while the eye is positioned off-center to suggest the face’s expression. The CSS resets body margins and hides overflow for a clean, full-viewport display.