Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face with D3.js

Public visualization

Viewing a saved revision (read-only)

710a83691f2d42c6a826936c0fe8abee

Lets make a face with D3.js

0 stars4🌍 Public
Nndhokalelearning
Last edited Nov 15, 2020
Created on Nov 15, 2020

A smiling cartoon face is drawn with D3.js, built from SVG shapes: a yellow circle head, two eyes, rectangular eyebrows, and an arc-based mouth path. The code uses D3’s `select` and `arc` APIs, with a `group` element centered via a transform. Eyebrows animate by modifying the `transform` attribute through a two-step `transition` chain, moving them down and back up over four seconds total.

AI-generated description

D3