This example renders a stylized smiley face as a static SVG graphic using React components and D3’s `arc` generator. The face is built from modular React components: a filled background circle with a colored stroke, two offset eyes with distinct fills, and a curved mouth path created via `arc()` with specified inner and outer radii. The SVG is centered within a 960×500 viewport, with all geometric props (eye offsets, radii, stroke width) passed down from a top-level `App` component. No interactivity or data loading is present; the visualization purely demonstrates declarative SVG composition with D3 geometry helpers.