This example shows a yellow smiley face rendered as a static SVG composition, using React components to structure the drawing and D3’s `arc` generator to create the mouth path. The face consists of a large yellow circle with a black stroke, two eye circles, and a mouth arc positioned via SVG transforms. The code defines shape constants for eye offset, radius, and mouth dimensions, then renders everything inside a single `<svg>` width 960 and height 500. It uses React 18 and D3 v7, with the SVG output produced directly through JSX.