This example shows a modular, React-based smiley face composed of reusable SVG components for the background circle, eyes, and mouth. The face is drawn using D3’s `arc` generator to create the mouth path, with all geometry parameterized by props for position, size, and stroke width. A `FaceContainer` wraps the SVG and applies a translation transform to center the drawing. The code demonstrates a component-driven approach to D3 visualization within a React framework, rendering static SVG without data binding.