This example builds a simple smiley face entirely with SVG shapes rendered through React. It uses D3’s `arc` generator to create the mouth path, while the face, eyes, and stroke are drawn as basic `circle` elements. The face is centered via a `g` transform, with eye positions placed symmetrically around the center. The code defines all geometric constants, including radii, offsets, and stroke width, to produce a static yellow head with black outline and two empty eyes.