Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Let's make a face with D3.js!

0 stars0🌍 Public
Wwangjonathan
Last edited Aug 28, 2018
Created on Aug 27, 2018

A smiley face composed of SVG circles and a path mouth is drawn with D3.js, then the circle and mouth transition colors and rotate while the left eyebrow rotates. The example demonstrates fundamental DOM manipulation and animation using d3-selection, d3-arc, and transition methods, with hardcoded coordinates rather than external data. Eyebrow animation is partly commented out, so only the left eyebrow moves via a chained rotate and translate transition.

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