Smiley Pt 1
A React component assembles a static smiley face from SVG primitives: a yellow circular head, two eyes, and a half-smile mouth drawn with a d3 arc path. The head and eyes use plain circle elements, while the mouth is generated via the d3-shape arc() API with specified inner and outer radii and angular extents. The composition is positioned by translating a group element to the SVG center, with all geometric values—dimensions, offsets, and radii—passed as props. The example demonstrates multi-part SVG construction in React without interactivity or data binding.