Start
A smiling face built from stacked SVG shapes sits at the center of a 960 by 500 canvas. The composition uses a yellow background circle, two black eyes, and an arc-based mouth, all positioned via React components. The example demonstrates reusable React components for each facial feature, with D3’s `arc()` API generating the mouth path. Hard-coded constants control dimensions and offsets, while the SVG is rendered directly through React without a separate data source.