Fork of Smiley Face Part 2
This example shows a smiley face rendered as a yellow circle with two black eyes and a curved mouth, all drawn using SVG shapes. The face is centered on a 960-by-500 canvas, with the mouth created using the `d3.arc()` API to generate a path with inner and outer radii. React manages the component structure, while D3 v7 handles the geometric calculations for the arc. The visualization uses fixed numeric values for positioning, including eye offsets and radii, with no interactive behavior or data binding.