This example shows a smiling face drawn entirely with SVG primitives inside a React component, rendered by ReactDOM into a single div. The code demonstrates how to combine React's JSX syntax with D3's arc generator to create the mouth path, while circles and an ellipse form the eyes and nose. All shapes are centered and scaled within a 960 by 500 viewport, with styling applied directly through SVG attributes like fill and stroke. The example uses React 16.7 and D3 v7, loaded from CDN, with the visual output driven purely by static geometric calculations rather than data.