This example renders a smiley face entirely through React components and D3 shape APIs. It draws a yellow background circle, two static eyes, and a mouth arc using `d3.arc` with specified inner and outer radii and angle constraints, all transformed to the center of a fixed SVG canvas. The visualization demonstrates how D3’s geometry helpers can be integrated into a React render tree, with the face constructed from declarative SVG elements rather than data-driven bindings.