Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's Tweak a Face

Public visualization

Viewing a saved revision (read-only)

6dda64fdd47e4d62b950e659f4e31649

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