This example draws a yellow smiley face on an SVG canvas using React and D3’s `arc` function. The face consists of three circles for the head and eyes, plus a mouth path generated by `d3.arc` with specified inner and outer radii and angular range. The React component renders the SVG elements, with geometric values like eye offset and mouth radius defined as constants. All coordinates are centered via a translation transform. The code uses React 16.9 and D3 v5.