This example renders a simple smiling face entirely with React components and SVG shapes, using D3.js only to generate the mouth’s arc path. The face combines a yellow background circle, two eyes, and a curved mouth, all positioned relative to a central coordinate. The code defines separate React components for each facial feature, with D3’s `arc` API computing the mouth’s path from radius and width values. The face is drawn at a fixed 960 by 500 viewport with no data source, purely demonstrating reusable component composition and declarative SVG rendering in React.