Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Create a face with d3.js!

Public visualization

Fork of Create a face with d3.js!

0 stars0🌍 Public
AAlfaShivamKumar
Last edited Oct 3, 2023
Created on Oct 3, 2023

A fork of the classic “Create a face” example renders a yellow circular face using D3 selections and SVG. The code builds a static face with circles for eyes, rectangles for eyebrows, and an arc for the mouth, all positioned via SVG transform attributes. D3’s `transition` API animates the eyebrows up and down repeatedly, demonstrating chained transitions. The example imports `select` and `arc` from the D3 v7 module and runs entirely client-side using SVG 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.

Comments

Sign in to join the discussion.

MIT Licensed