Skip to main content
100%

Let's make a face with D3.js!

✓ Published0🌍 Public
AAlex Drew
Last edited Jan 25, 2020
Created on Jan 25, 2020

A D3.js visualization assembles a smiling face from basic SVG shapes and animates the eyebrows in a looping motion. The example demonstrates fundamental DOM manipulation by creating a yellow circle, two eyes, rectangular eyebrows, and a mouth path using d3.select and chained append and attr methods. A 2000-millisecond transition sequence moves the eyebrow group vertically, illustrating D3's transition subsystem and the d3.arc helper for constructing the mouth's curved path.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

MIT Licensed

Similar vizzes