Smiley face
This example displays a smiling face built from basic SVG shapes centered in the viewport. A yellow circle forms the head, with two smaller circles for eyes and a semi-circular arc for the mouth. The animation animates the eyebrows upward and downward in a looping transition, creating a playful expression. The code uses D3 v6’s `select`, `arc`, and `transition` methods to construct and animate the SVG elements within a React framework.