Fork of Smiley Face Part I
This example shows a stylized smiley face composed of a yellow circular background, two black eyes, and a curved mouth rendered as a thick arc. The face is built from modular React components, including `BackgroundCircle`, `Eyes`, `Mouth`, and `FaceContainer`, which assembles the SVG output. The mouth uses the `d3-shape` library’s `arc()` generator to define its path, while the overall layout is positioned with SVG transformations. The result is a static, data-driven visualization created with React and D3 v7.