A React and D3 smiley face uses a yellow circle for the head, two circles for eyes, and an arc for the mouth. The code imports `arc` from D3 v5 to generate the mouth path with inner and outer radii and specific start and end angles. The SVG is rendered declaratively via React components, with dimensions set to 960 by 500 pixels. The example applies stroke styling to the face outline and positions all elements relative to the center using a translation transform.