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
Rraunak1704
Last edited Oct 9, 2023
Created on Oct 9, 2023

A smiling cartoon face built with SVG animates its eyebrows in a looping up-and-down motion. The example demonstrates D3 v7 selection and transition methods, using `d3.select`, `d3.arc` for the mouth path, and chained `transition().duration()` calls to move the eyebrow group. The yellow circle face, eyes, and rectangular brows are positioned with static attributes, while the transition animates the brow group’s transform offset. It illustrates basic SVG shape creation and timed attribute interpolation within a single D3 script.

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