This example renders a simple yellow smiley face using React components and D3’s `arc` generator for the mouth. The face is composed of a background circle, two eyes positioned symmetrically, and a mouth drawn as a thick arc path, all centered within an SVG via a translated group. The code demonstrates reusable nested components (`FaceContainer`, `BackgroundCircle`, `Eyes`, `Mouth`) and passes numeric props like `eyeOffsetX`, `eyeRadius`, and `mouthRadius` to control the face’s geometry. The visualization is static, with no interaction or data binding beyond hardcoded dimensions.