This example renders a smiley face as a static SVG graphic using React and D3. The face is centered with a yellow circle, two black eyes, and a curved mouth created via the `d3.arc()` API, which generates a path with specified inner and outer radii and start/end angles. React manages the SVG component structure, while D3 computes the mouth’s path geometry. The code explicitly sets coordinates for eye offset, eye radius, and mouth dimensions, producing a clean, scalable vector illustration without animation or data binding.