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)

0c5516fc533a46c582bdd3fbe4cf93ab

Let's make a face with D3.js!

0 stars1🌍 Public
JJoachimSchaeffer
Last edited May 2, 2020
Created on Apr 18, 2020
Forked from Untitled

A smiling face is drawn on a yellow circular head using SVG elements. The face’s eyebrows and mouth animate, moving up and down and scaling to create an expressive motion. The example uses d3.select to build the SVG structure and d3.arc to construct the mouth path. Eyebrow and mouth animations are driven by chained d3.transition calls with specified durations. The code uses a React setup and a bare HTML page, with all D3 functions applied directly to the SVG.

AI-generated description

A bare minimum HTML page.

See also React Starter.