Smiley 1
A smiley face rendered as a static SVG graphic, composed of a cyan circle face with black outline, two black eyes, and a curved mouth that forms a half-circle arc. The React app builds the SVG using D3's `arc` generator to create the mouth path, while plain SVG circle elements handle the face and eyes. The component positions all elements relative to the center of a 960×500 viewport using a `g` transform, with dimensions computed from constant variables for radius, stroke width, and offsets. The visualization demonstrates basic SVG styling and D3 path generation within a React component structure.