Let's make a face with D3.js!
This example uses D3.js v6 to draw a simple smiling face entirely with SVG shapes. It shows a gradient-filled circle head, two dark eyes, and curved brows and a mouth created using d3.arc path generators with thick strokes and rounded line caps. The code relies on explicit SVG attribute settings like cx, cy, r, and transform rather than scales or data binding, and uses a linearGradient defined in the SVG for the face fill. No external data is involved; the visualization is purely procedural and static.