Skip to main content
100%

Lets Make a Face

✓ Published0🌍 Public
AAchorn
Last edited Aug 2, 2023
Created on Aug 1, 2023

This visualization uses D3.js v5 to construct a stylized cartoon face from basic SVG shapes. A yellow circle forms the head, with dark circles for eyes, rotated rectangles for eyebrows, and a half-arc path for the mouth. The animation runs through a chained sequence of D3 transitions, repeatedly moving the eyebrow group up and down to create a winking or raising motion. The code organizes elements into nested groups, with the expression defined entirely through static attributes and timed transform transitions on the eyebrow group.

AI-generated description
MIT Licensed

Similar vizzes