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
MMukund Khandelwal
Last edited Aug 29, 2018
Created on Aug 28, 2018

A smiley face is drawn with D3.js, composed of SVG shapes for the head, eyes, eyebrows, and mouth, with an animated eyebrow movement that raises and lowers them. The example uses D3 v5 selections to append and style elements, and `transition()` with a duration to create the eyebrow motion over time. An arc generator from D3's shape module renders the mouth path.

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