This example draws a classic yellow smiley face as a static SVG graphic using React and D3.js v7. The face’s circular head, eyes, and mouth are each rendered as separate SVG elements, grouped and translated to the center of a 960×500 canvas using a React component. The mouth is computed with D3’s `arc` generator, producing a smooth, half-circular path. All coordinates and radii are defined as constant variables, with stroke widths and offsets explicitly set to balance the composition.