This example shows a stylized smiley face built from a yellow circle, two eyes, and a mouth, centered within an SVG canvas. It renders a static face with a black stroke and filled yellow background, using React components to compose the face’s parts. The code leverages React’s component model, with the `d3.arc()` API from D3 v6 to generate the mouth path, while SVG circles are drawn directly via JSX. The face’s dimensions and feature positions are controlled by numeric props passed to the `Face` component.