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 stars1🌍 Public
Jjkmingwen
Last edited Mar 7, 2021
Created on Mar 2, 2021

A yellow circle forms a face, with two black eyes and a wide arc-shaped mouth. The eyebrows, rendered as rectangular bars, animate upward and then back down in a looping motion. Built with D3 v6, the visualization uses SVG elements and D3’s `transition()` method to adjust the eyebrow group’s transform attribute over two-second intervals. The face is centered using a translation on a group element, with the mouth created via the `arc()` generator.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed