🌍 Public
Viewing a saved revision (read-only)
319825a95eee49c3a18ebce44e8659a1
Let's make a face with D3.js!
This example demonstrates a smiley face built with D3.js, where its eyebrows move to create an animated expression. The visualization uses an SVG canvas of 960 by 500 pixels, populated through D3’s `select` and `arc` functions to draw the face’s components. HTML and CSS structure the page, while the core logic resides in `index.js`, which imports from D3 v5 and manipulates the SVG attributes directly. The animation is achieved through DOM manipulation, with the eyebrows’ positions updated dynamically, as visible in the included video walkthrough.
AI-generated descriptionDemonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.