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)

fca04ed879b34f948b0bf62d9a7f3ed1

Let's make a face with D3.js!

0 stars1🌍 Public
Ddtdenver
Last edited Oct 26, 2019
Created on Oct 21, 2019

A yellow SVG face is drawn with D3.js v5, featuring two eyes, animated eyebrows, and a mouth created using the `d3.arc` generator. The face is centered within an SVG canvas, with facial features positioned via translation transforms. Eyebrows animate upward and downward using chained `transition` calls with a 1500-millisecond duration, while the mouth is rendered as an arc path between specified angles. The example demonstrates fundamental SVG shape creation and coordinate manipulation in D3.

AI-generated description

An example including some commonly used features of SVG.