Making a face with D3.js
A cheerful cartoon face drawn in SVG appears centered on a yellow circle, with two eyes, eyebrows, and a smile created from an arc path. D3.js v6 constructs the shapes using selections and the `arc` generator, while a chained `transition` on the eyebrow group animates it bouncing upward and back down. The face is built from SVG primitives—circles, rectangles, and a path—positioned relative to the viewport’s center, demonstrating common D3 data-joining and transformation techniques without external data.