Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js

Public visualization

Viewing a saved revision (read-only)

43fe1733e4cb4495bd90f588580445ff

Let's make a face with D3.js

0 stars1🌍 Public
Yyigong99
Last edited Jan 19, 2021
Created on Jan 17, 2021
Forked from Hello VizHub

This example constructs a stylized face using D3.js and SVG primitives. It draws yellow circles for the head and eyes, black rectangles for eyebrows, and a path for a mouth created with the `d3.arc` helper. The right eyebrow animates vertically, thanks to chained `transition` calls on the `attr` property. The visualization loads D3 from a CDN and uses `select` and `append` to build the SVG hierarchy, with `translate` centering elements on a 960 by 500 canvas.

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.