Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

2441238e0602451d8fe9cc952a1abbad

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