Smiley Face Pt 1
This example displays a static smiley face composed of SVG shapes: a yellow circular head with a black outline and two black eyes. The face lacks a mouth, leaving the expression incomplete. Built with React and rendered as SVG, it uses fixed numeric coordinates to position the head at the center of a 960-by-500 viewport and the eyes symmetrically on either side. The code initializes constants for dimensions and offsets, then defines a functional React component that returns the SVG markup, which ReactDOM renders into the page.