This example shows a yellow smiley face drawn with SVG primitives: a yellow circle for the head, black circles for the eyes and pupils, and a red arc for the mouth. Rendered with React, it uses D3.js’s `arc` generator to construct the mouth path, specifying inner and outer radii, a corner radius, and angular start and end points. The face is centered within a 960×500 SVG viewport using explicit pixel offsets for the eyes and mouth. The code sets stroke widths in pixels but does not animate or respond to interaction.