Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Assignment 1 Tweak a Face!

Public visualization

Viewing a saved revision (read-only)

0dee5b5c69254d6a876b0e68790cf1dd

Assignment 1 Tweak a Face!

0 stars0🌍 Public
Vveagy
Last edited Jan 27, 2019
Created on Aug 29, 2018

A face built from basic SVG shapes—a yellow circle, rectangular eyes, and a mouth drawn with an arc path—undergoes a sequence of animated tweaks. The eyes and eyebrows slide vertically via chained `transition` calls on their containing groups, shifting the expression over six seconds. The code uses D3 v5 selections and the `arc` generator to construct the mouth. Animations rely on D3's `transition.attr` to adjust `transform` attributes, demonstrating simple, timed state changes without user interaction.

AI-generated description

Author: Weijie Pang