🌍 Public
Viewing a saved revision (read-only)
7e8d132e31ad4f91818419b136831850
Let's make a face with D3.js!
A D3.js code example builds a yellow smiley face from SVG primitives, including a circular head, eyes, eyebrows, and a mouth created with the `d3.arc` path generator. The face is centered via a translated group, and the eyebrows are rectangles that move up and down using chained `transition()` calls with a two-second duration each. The demo relies on D3 v5's selection methods (`select`, `append`, `attr`) to construct the shape and animate its parts directly in the browser.
AI-generated descriptionDemonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.