Smiley Face Part I
A yellow smiley face is drawn as an SVG, centered on a 960 by 500 canvas. The example uses React to declaratively render three circles: a large yellow face with a black stroke for the outline, and two smaller black circles for the eyes. The React component defines the SVG elements with explicit coordinates and dimensions, including the face radius, eye offsets, and eye radius. This demonstrates a minimal, code-driven approach to creating a simple vector graphic with a functional React component and `ReactDOM.render`.