Skip to main content
100%

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

✓ Published0🌍 Public
SSaivignesh-9176
Last edited Feb 23, 2023
Created on Feb 23, 2023

This interactive visualization displays a smiling face built with SVG shapes, whose eyebrows slide upward and then return in a repeated motion. The code uses D3.js v5 to select the SVG canvas, compute dimensions, and append a green circle as the head, along with eyes, rectangular eyebrows, and an arc-based mouth. D3’s `transition()` and `duration()` methods drive the eyebrow animation, while `select` and `arc` are explicitly imported from the library. The example demonstrates fundamental DOM manipulation and chained transitions in a minimalist, animated composition.

AI-generated description

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

MIT Licensed

Similar vizzes