Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Assignment 1 Tweak a Face!

Public visualization

Assignment 1 Tweak a Face!

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

A cheerful yellow circle with a surprised expression animates its facial features. The face, centered in an SVG canvas, uses rectangles for eyes and eyebrows and an arc path for the mouth. D3 transitions sequentially move the entire eye group downward and the eyebrows upward, creating a playful, winking-like motion. The code builds the face with d3.select, d3.arc, and chained transition().duration() calls, all rendered as static SVG shapes that animate over time.

AI-generated description

Author: Weijie Pang

Comments

Sign in to join the discussion.

MIT Licensed