Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

a2af62ddd1d44b7ab579c214473f5295

Let's make a face with D3.js!

0 stars3🌍 Public
Ssyedmdbuhari
Last edited Dec 1, 2019
Created on Dec 1, 2019

A cheerful cartoon face is drawn on an SVG canvas using D3.js. The face features a yellow circle for the head, two eyes, and animated eyebrows that move up and down over time. The code constructs the shapes using D3's `append` and `attr` methods, with the eyebrow animation driven by chained `transition().duration()` calls. A static mouth is rendered as an arc path using D3's `arc` generator, which calculates the curved shape based on inner and outer radii and start/end angles. All drawing occurs within a group element translated to the canvas center.

AI-generated description