Skip to main content
100%

Let's make a face with D3.js!

✓ Published0🌍 Public
Rrida benbouziane
Last edited Jun 1, 2020
Created on Jun 1, 2020

A yellow smiley face rendered with SVG circles and an arc path appears centered on a 960-by-500 canvas. Using d3.select and d3.arc, the code builds the face with a static head, eyes, and mouth, then animates the eyebrows with chained d3 transitions that shift a group’s transform attribute up and down over two-second intervals. The example demonstrates basic DOM manipulation and declarative animation with D3 v5, relying on SVG geometry and transition methods rather than data binding.

AI-generated description

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

MIT Licensed

Similar vizzes