Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

d0203432f6be4a0ba01b352a5c59c64e

Open

Let's make a face with D3.js

0 stars1🌍 Public
Gginnyching
Last edited Oct 1, 2022
Created on Oct 1, 2022

A cheerful yellow face composed of D3.js shapes animates as its right eyebrow jumps upward every two seconds. The SVG drawing uses `d3.select` to build circles for the face, eyes, and a donut-shaped mouth from `d3.arc`. The right eyebrow animates via chained `transition().duration(1000)` calls that translate the path vertically, while the left eyebrow remains static. The example loads D3 v7 from the UNPKG CDN and shows basic SVG manipulation and arc geometry rendering.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.