Lets make a face with D3.js
This example builds a smiley face entirely with D3.js v5, using SVG shapes and animated transitions. A yellow circle forms the head, while arcs, circles, and rectangles create the mouth, eyes, nose, and eyebrows. The eyebrows animate up and down via chained `transition().duration()` calls, and the code imports `select` and `arc` from the D3 library. The face is centered using SVG group transforms, with coordinates calculated from the viewport height and width.