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
PPKISHON
Last edited Sep 22, 2023
Created on Sep 22, 2023

This example demonstrates how D3.js can construct a cartoon face using SVG shapes, including circles for the eyes and a path generated with the `d3.arc` function for the mouth. The face is centered via an SVG `g` element, and the eyebrows animate vertically using chained `transition().duration()` calls. The code imports `select` and `arc` from D3 v7, loads data from local variables, and renders entirely through SVG attributes and transitions.

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