A smiley face rendered with React and D3 illustrates modular component styling with SVG gradients. The face, eyes, and mouth are drawn using D3's `arc` generator and SVG `circle` and `path` elements, positioned via a translated group. Two linear gradients (`faceFillGradient` and `accentFillGradient`) transition the face from white to purple and the stroke from black to pink.