Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face with D3

Public visualization

Lets make a face with D3

0 stars4🌍 Public
Aatayyaba
Last edited Mar 24, 2020
Created on Mar 23, 2020
Forked from React Starter

Using D3.js v5 within a React framework, this SVG animation constructs a smiling yellow face from basic geometric shapes. The code draws concentric circles for the head, eyes, and an arc-generated mouth, with rectangular eyebrows that animate vertically twice over four seconds. The face is centered via a translated group element, and all coordinates are computed from window dimensions. The piece uses D3's `select`, `arc`, and chained `transition().duration()` calls to move the brows, demonstrating how primitive primitives combine into expressive characters.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed