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)

a6f7343a24854e53907d7ac9e765de2e

Let's make a face with D3.js!

0 stars5🌍 Public
Pprat1507
Last edited Aug 28, 2019
Created on Aug 28, 2019

A yellow circular face with black eyes, eyebrows, and a mouth is rendered in SVG. The eyebrows animate upward and then back down over four seconds using chained D3 transitions. The code uses D3 v5 selections and the `d3.arc` generator to draw the mouth, while circles and rectangles create the other features. All elements are centered via a translated group.

AI-generated description