Built with React and D3 v5, this example renders a yellow smiley face as modular SVG components in separate ES6 modules. The code defines `BackgroundCircle`, `Eyes`, and `Mouth` components, with the latter using the `arc` generator from D3 to create a curved path. A `FaceContainer` wraps the SVG and positions all elements via a translated group. The face’s geometry—eye offsets, radii, and mouth width—is passed as props, and the final composition is mounted with `ReactDOM.render`.