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
Ssathesujit
Last edited Aug 7, 2020
Created on Aug 7, 2020

A smiling yellow face rendered in SVG animates its eyebrows up and down. D3.js version 5 builds the face from basic shapes: a circle for the head, two circles for the eyes, rectangles for the brows, and an arc-generated path for the mouth. The eyebrow animation uses chained `transition().duration()` calls to move the group containing the rectangles.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed