Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face

Public visualization

Viewing a saved revision (read-only)

83afb4982aa14389b658e5c8557479c3

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.