This example renders a static smiley face using React components and SVG. The `Face` component composes a yellow `FaceCircle`, a pair of `Eyes` with white shine highlights, and a `Mouth` drawn with d3’s `arc()` path generator using a half-circle angle range and a purple fill. Fixed numeric props for dimensions, eye offsets, and mouth radius define the layout. The `FaceGroup` component creates the SVG container and applies a centering translation via a `<g>` transform.