Skip to main content
100%

Fork of Let's make a face with D3.js!

✓ Published0🌍 Public
BBeihaiTianming
Last edited Feb 17, 2021
Created on Feb 17, 2021

A smiling face built entirely with D3.js v5 uses SVG shapes and transitions to animate its eyebrows. The code draws a yellow circle, two eyes, rectangular eyebrows, and an arc-based mouth, all positioned within a centered group. D3’s `transition()` method moves the eyebrow group upward and back over two 2-second intervals, creating a repeated eyebrow-raising effect. The example demonstrates fundamental DOM manipulation and SVG rendering through D3’s `select`, `append`, and `arc` APIs.

AI-generated description

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

MIT Licensed

Similar vizzes