Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Create a face with d3.js!

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

1a5af4e42b8647fc97c6a1bbcded4f1b

Open

Fork of Fork of Create a face with d3.js!

0 stars1🌍 Public
SSilverOwl1112
Last edited Sep 22, 2023
Created on Sep 22, 2023

A stylized face rendered in SVG using D3.js v7, with a yellow circular head, black-outlined features, and animated eyebrows. The code uses D3’s `select` and `arc` APIs to build the shape, positioning the eyes, eyebrows, and mouth via coordinate attributes. The eyebrows animate through D3’s `transition` API, moving down and back up over two 2-second intervals. The visualization demonstrates basic SVG construction and tweening within a 960×500 canvas.

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.