This example displays a single yellow circle with a black outline, centered on an SVG canvas, representing the first step toward constructing a smiley face. The React component renders the circle using SVG `<circle>` elements with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. The code uses React 17 and ReactDOM to mount the component into the page’s root element. The static composition shows only the face’s base, with no eyes, mouth, or other features yet.