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)

4834386752e545f2982fe68fe40f3bc1

Fork of Create a face with d3.js!

0 stars0🌍 Public
PPatilShruti20
Last edited Oct 9, 2023
Created on Oct 9, 2023

This example builds a yellow, cartoon-style face with D3.js, featuring circular eyes, rectangular eyebrows, and a mouth created using an arc path. The eyebrows animate with a smooth up-and-down transition using D3’s `transition()` method, while the SVG rendering is handled through selections like `append` and attributes such as `cx`, `r`, and `d`. The project imports `select` and `arc` from D3 v7, and uses local ES6 modules to structure the code, with the SVG defined in the HTML file.

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.