Smiley Face Part 1
This example shows a simple smiley face constructed from hand-coded SVG shapes rendered dynamically through React.js. The yellow face is a circle, with two black eyes and a curved mouth drawn using D3’s arc generator. The code directly specifies all geometry—center coordinates, radii, offsets, and stroke width—rather than using any external data. D3 v7 and React 16.7 are loaded via CDN, with the React component outputting the SVG elements into a div. The visual demonstrates basic shape composition and coordinate math within a static, non-interactive scene.