Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

test

Public visualization

Viewing a saved revision (read-only)

edd56a89f0e84ed4b3a1722f414e3b55

test

0 stars0🌍 Public
CChaeHyun-Kim
Last edited May 31, 2021
Created on May 31, 2021

This animation shows a yellow smiley face with black eyes and eyebrows that raise and lower repetitively over time. The face is drawn using SVG shapes, with a large circle for the head, smaller circles for the eyes, rectangles for the eyebrows, and a path generated with the `d3.arc` function for the mouth. The eyebrows animate via chained `transition()` calls that shift their vertical position over two-second intervals. The code imports `select` and `arc` from the D3 v6 library and uses `transition.attr` to create the movement.

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.