smiley
This example draws a stylized smiley face using React functional components and D3’s `arc` generator. A large circle with a purple-to-pink linear gradient forms the face, while two smaller circles render the eyes and a D3-generated arc path creates the mouth. The SVG is centered via a translate transform, and both gradients are defined in `<defs>` to color the face and stroke. The visualization uses ReactDOM to mount the SVG output, with all geometry computed from fixed numeric constants rather than external data.