Smiley face part 1.
A yellow circle with a black outline rendered as an SVG sits on a white canvas, representing a face before the eyes are added. Built with React 17 and ReactDOM, the example uses hardcoded constants for width, height, and stroke width to position the circle at the canvas center. The circle’s radius is calculated from half the height minus half the stroke width, and the SVG is generated directly through React’s rendering API.