This example renders a yellow smiley face with black-outlined circular eyes and a curved mouth using React and D3. The face is composed of reusable components—BackgroundCircle, Eyes, and Mouth—that are positioned within an SVG via a FaceContainer using a translate transform. D3’s arc generator creates the mouth path, while the face’s dimensions, eye placement, and stroke width are passed as props. The scene is static, with a fixed 960×500 SVG canvas.