This example shows a smiley face constructed from simple SVG shapes: a yellow circle for the head and two black circles for eyes, centered on an 900x500 canvas. Built with React and D3, the code defines constants for dimensions and offsets, then renders the face using a React component that returns SVG elements. The `g` element is translated to the canvas center, while the circle components use D3’s geometry to position the eyes relative to that center point. The rendering is purely declarative, with no interactive behavior or data source beyond the hardcoded coordinates.