Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D#.js

Public visualization

Let's make a face with D#.js

0 stars2🌍 Public
IIgor Oliveira
Last edited Jan 4, 2020
Created on Jan 4, 2020

A yellow circle face with black-outlined features animates its right eyebrow in a quick bouncing motion. The face is built entirely with D3.js v5 selections and SVG shapes, including circles for eyes and an arc-generated path for the mouth. The code uses D3's `arc` generator for the mouth, `transition` with `duration` for the eyebrow animation, and positions elements via template-literal transform attributes. The left eyebrow remains static, highlighting the asymmetry of the moving right eyebrow.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed