Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Create a face with d3.js!

Public visualization

Viewing a saved revision (read-only)

8ea52ce859814f938edd94957a3bcad9

Fork of Create a face with d3.js!

0 stars0🌍 Public
PPranjali-Mohurle
Last edited Oct 3, 2023
Created on Oct 3, 2023

A smiling yellow face drawn with SVG circles and arcs is centered in a 960x500 viewport. The face is assembled using D3 selections, with `circle` elements for the eyes and a `path` generated by the `d3.arc` function for the mouth. A group containing the rectangular eyebrows animates upward and downward via chained `transition` calls, each lasting two seconds. The example demonstrates importing `select` and `arc` from the D3 v7 library loaded via UNPKG.

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.