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

This example shows a smiley face drawn with D3.js v7 SVG primitives, including a yellow circular head, two eyes, rectangular eyebrows, and an arc-shaped mouth. The face is centered using a group transformation, and the eyebrows animate upward and back down over four seconds using chained `transition` calls with `attr` tweening. The code imports `select` and `arc` from D3 and loads the library via UNPKG, demonstrating local ES6 module imports and dynamic SVG attribute updates in a VizHub environment.

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