This example shows a stylized, yellow smiley face composed of a circular background, two eyes, and a smiling mouth, all rendered as SVG primitives centered on a canvas. The face is built from React components (`BackgroundCircle`, `Eyes`, `Mouth`) that use D3's `arc` generator to create the mouth path with specified inner and outer radii and angular extents. The code defines fixed dimensions and offsets for the face elements, then translates the SVG group to the center of the 960 by 500 viewport. React 18 and D3 7 are loaded via CDN, with the app rendered into the DOM.