Smiley Face Part 1
This example shows a smiling face composed of modular React components that render an SVG graphic. The face includes a yellow background circle, two eyes, and an arc-shaped mouth, all assembled within a translated coordinate system. The code uses React and ReactDOM for component composition, and D3’s `arc` utility to generate the mouth’s path. The face’s dimensions and offsets are defined as constants, while the `FaceContainer` groups the SVG elements and applies a center-point translation.