This example renders a stylized smiley face using React and D3’s `arc` generator for the mouth, with SVG circles, ellipses, and lines for the eyes, nose, and eyebrows. The face is centered in a 960×500 viewport, and the code hardcodes all geometry—no external data is loaded. A yellow circle with a thick black stroke forms the head, while white and black eye details, a red nose, and an arc-shaped smile complete the figure. The React component returns the SVG directly, and D3’s `arc` computes the mouth path from prescribed angles and radii.