Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's Tweak a Face

Public visualization

Let's Tweak a Face

0 stars0🌍 Public
RRobert Curtis
Last edited Nov 8, 2018
Created on Aug 29, 2018
Forked from Face in d3

A cartoon face animates through a sequence of transformations: its yellow head fades to light blue, the eyes' pupils shift upward, eyebrows rise dramatically, and the mouth cycles through arc-based shapes, shrinking to a dot before expanding into a wide circle. Built with D3 v5, the visualization uses SVG elements and chained transitions, including `transition.attr` and the `arc()` generator to redraw the mouth path. Each facial feature is positioned relative to a central group, with timed delays coordinating the staggered animation effects across the head, eyes, and mouth.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed