Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Create a face with d3.js!

Public visualization

Viewing a saved revision (read-only)

a1643df834974c9b83463f61bc4b3752

Fork of Create a face with d3.js!

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

A yellow SVG face with eyes, animated eyebrows, and an arc-shaped mouth is rendered in the center of a 960×500 viewport. The example demonstrates how to compose primitive shapes with D3 selections and apply a chained transition to move the eyebrow group vertically over two seconds, then return it. It uses `d3.select`, `d3.arc`, and `transition.attr` on SVG elements, with D3 v7 loaded from UNPKG and a local ES6 module importing `select` and `arc`.

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.