Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smile Face

Public visualization

Smile Face

0 stars1🌍 Public
HHui Zhang
Last edited May 13, 2021
Created on May 12, 2021
Forked from Cars report

A smiling face built with D3.js v6 renders as an SVG with animated eyebrows. The code uses `d3.arc` to draw the mouth and `d3.select` to append circles, rectangles, and a path for facial features. Eyebrows transition vertically in a looping sequence via `transition.attr` and an `on('end')` callback. All geometry is centered by translating a group element, and dimensions are derived from the SVG’s width and height attributes.

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