A stylized smiley face drawn with a single SVG canvas uses nested `<circle>` elements to render a yellow head, black outline, and two dark eyes. The circles are positioned with hardcoded `cx` and `cy` coordinates, with a computed `r` radius of 245 for the face and 50 for each eye. The page sets `overflow: hidden` and a 960x500 viewport, showing only static vector shapes without animation or interaction. The example demonstrates basic SVG placement and stroke styling in plain HTML.