Skip to main content
100%

Assignment 1 Tweak a Face!

✓ Published0🌍 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

MIT Licensed

Similar vizzes