Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3

Public visualization

Let's make a face with D3

0 stars2🌍 Public
NNikki-gea
Last edited Aug 24, 2020
Created on Aug 24, 2020

A yellow face drawn with SVG shapes animates its features. The eyes pulse by increasing and decreasing their radius, while the eyebrows shift down and back up, and the mouth curves in a smile. Built with D3 v5, the visualization uses `select`, `arc`, and chained `transition().duration()` calls to animate the circles, rectangles, and path. The SVG canvas is 960 by 500 pixels, and the face is centered using a group transform.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed