This example shows a minimalist smiley face composed of a yellow circle, two eyes, and a mouth that only forms the lower half of an arc, giving it a neutral yet slightly melancholic expression. The face is built from reusable React components—BackgroundCircle, Eyes, Mouth, and FaceContainer—that accept props for positioning and sizing. The mouth is generated using d3.arc with a predefined start and end angle, while SVG circles render the head and eyes. The fixed 960×500 viewport centers the face, and all elements scale based on numerical props passed from a top-level Face component.