This example shows a yellow smiley face composed of SVG circles and an arc-shaped mouth, built with React components and rendered inside an SVG canvas. The face uses a `FaceCircle` for the head, `Eyes` for layered pupils and highlights, and a `Mouth` that leverages the `d3.arc()` API to generate a half-circle path. The React app duplicates the face elements twice within a transformed group, producing two overlapping faces.