🌍 Public
Viewing a saved revision (read-only)
22cc45a832a04ef6ae53a2daff5d079f
Let's make a face with D3.js!
This example shows a yellow smiley face built with D3.js, featuring animated eyebrows that rise and fall. The code constructs the face using SVG primitives—a circle for the head, circles for eyes, rectangles for eyebrows, and a path generated with the `d3.arc` function for the mouth. D3’s `select`, `attr`, and `transition` APIs handle DOM creation and the repeated eyebrow movement. The entire composition is centered within an SVG using a group transform, with eye spacing and offsets defined as constants. The animation runs on page load via chained transitions.
AI-generated descriptionDemonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.