Smile face - part 1
A static smiley face is drawn in an SVG canvas, with a yellow circular head and two black-outlined eyes positioned symmetrically on either side. The head spans nearly the full width of the 960-by-500 coordinate space, while each eye is a smaller circle centered at fixed x-coordinates. The rendering relies on raw SVG elements—circle tags with fill, stroke, and stroke-width attributes—defined directly in the HTML. Although the page loads React 18.2 via a UMD script and imports it in index.js, the example only logs the React object to the console and does not use React for drawing or state.