Smiley face I
A simple smiley face is drawn as a static SVG graphic, centered on a 960 by 500 canvas. The face consists of a large yellow circle with a black outline for the head, two smaller black circles for eyes, and a half-circle arc for the mouth. The visualization is built with React 18 and D3 v7, using the `arc` API to generate the mouth’s path. All shapes are positioned relative to the center using D3’s arc generator and React’s JSX for the SVG markup.