Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

second.js!

Public visualization

Viewing a saved revision (read-only)

ea34047b2acf44aebea32979a68dd013

second.js!

0 stars0🌍 Public
KKeerthanaD11
Last edited Sep 22, 2023
Created on Sep 22, 2023

This example renders a cheerful, cartoon-style face in an SVG canvas, with a yellow circular head, eyes, eyebrows, and a mouth. The drawing uses D3 v7’s `select` and `append` to build the shapes, and the eyebrows perform a repeated vertical animation using `transition().duration(2000)`, shifting them down and back up. The mouth is drawn as an arc path using D3’s `arc` with specified inner and outer radii and angular ranges. The static face layout and animated eyebrow movement demonstrate basic D3 graphics and transition capabilities.

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.