Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face

Public visualization

Lets make a face

0 stars1🌍 Public
Llukastieber
Last edited Aug 10, 2020
Created on Aug 10, 2020
Forked from Lets make a face

A cheerful cartoon face is drawn in SVG, with a yellow circular head, black-outlined eyes and eyebrows, and a curved mouth made from an arc path. The eyes and eyebrows perform a repeating blink animation using chained `transition().duration(500)` calls, shrinking the eye radius and shifting the eyebrow group vertically before returning to their original states. The visualization uses React with D3 v5, specifically the `select` and `arc` utilities, to build and animate the face in a fixed 960×500 SVG canvas.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed