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 stars0🌍 Public
Ccathykan
Last edited Apr 22, 2020
Created on Apr 22, 2020

A yellow circle with a smiling mouth and two eyes forms a cartoon face, rendered as an animated SVG. The code builds the face using D3.js v5 selections, `arc` for the mouth path, and chained `transition().duration()` calls to animate the eyebrows moving in a sequence of positions. The face is centered within a 960×500 SVG canvas, with circles, rectangles, and a path grouped together.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed