Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js

Public visualization

Let's make a face with D3.js

0 stars1🌍 Public
Cclaudiatomateo
Last edited Apr 25, 2020
Created on Apr 20, 2020

A cartoon face is drawn with D3 selections and SVG shapes: a blue circle head, two eyes, animated eyebrows, and an arc-based mouth. The eyebrows move up and down via chained `transition().duration(2000)` calls on a group. The code uses d3’s `select` and `arc` to build the mouth path, with static circles and rectangles for other features. The example demonstrates declarative SVG construction and coordinated, timed animations in d3.v5.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed