Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

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

0 stars0🌍 Public
RrennyshihNY
Last edited Aug 29, 2021
Created on Aug 29, 2021

A yellow smiley face drawn with SVG circles and an arc path uses D3.js transitions to animate its eyebrows upward and back over two seconds each way. The face is centered within a 960×500 SVG, with eyes, eyebrows, and mouth positioned via transforms. This example demonstrates fundamental DOM manipulation with d3.select, attribute setting, and chained transition().duration() calls on SVG elements.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed