This example shows a modular, yellow smiley face built from separate React components for the background circle, eyes, nose, and mouth. The face is centered within an SVG canvas using a group translation, with all facial features positioned relative to that center point. The mouth is generated using the `d3.arc()` API from D3 v5, while the remaining shapes are plain SVG circles. The React components receive numeric props for sizing and offsets, allowing for easy customization of the face’s proportions and appearance.