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 stars1🌍 Public
Jjcintolo
Last edited Jul 17, 2020
Created on Jul 16, 2020
Forked from HTML Starter

A D3.js example assembles a smiling face from primitive SVG shapes: a yellow head circle, two eye circles, rectangular eyebrows, and a mouth formed by an annulus arc path. The scene is vertically centered using a group translation, and the right eyebrow demonstrates the library's chained transition API by animating its vertical position in two sequential 2-second movements. The code imports `select` and `arc` from D3 v5 and applies SVG attributes directly within a React-based build.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed