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 stars1🌍 Public
CConnor Bailey
Last edited Dec 5, 2019
Created on Dec 5, 2019
Forked from Hello VizHub

A smiling face made from yellow SVG shapes reacts as its eyebrows repeatedly raise and lower. D3.js v5 positions circles for the eyes, rectangles for the brows, and an arc-generated path for the mouth within a grouped coordinate system. Chained `transition().duration()` calls animate the eyebrow group’s transform attribute, cycling its vertical offset to create the expression. No external data is loaded; all geometry is defined through hardcoded constants and D3’s `arc` helper.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed