Let's make a face with D3.js
This example shows a cheerful face constructed from basic SVG shapes—a yellow circle for the head, two smaller circles for eyes, rectangles for eyebrows, and an arc-based path for the mouth. The code uses D3.js v5 selections to append elements to an SVG canvas, with a centered group translation for positioning. The left eyebrow and mouth animate via chained `transition().duration()` calls, altering their `y` and `d` attributes respectively. The mouth leverages `d3.arc()` to generate path data between two arc configurations, demonstrating shape interpolation.