Smiley Face Part 1
This example builds a smiley face in React with SVG, using reusable components for the background circle, eyes, and mouth. The face is centered via a group translation, with the mouth drawn using d3’s `arc` generator to create a half-circle path. Hardcoded dimensions and offsets position the features, while the yellow circle and black strokes define the visual style. The code imports React, ReactDOM, and d3, rendering the full composition to the page.