Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets Make a Face

Public visualization

Lets Make a Face

0 stars0🌍 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

Comments

Sign in to join the discussion.

MIT Licensed