Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make face with D3!

Public visualization

Viewing a saved revision (read-only)

7a9c6d2f1e004d1eacad7b5f487e5ee3

Let's make face with D3!

0 stars2🌍 Public
GGabriele Bonzi
Last edited Feb 17, 2020
Created on Feb 17, 2020

A static green face with black eyes and a mouth is drawn using D3.js in an SVG element, centered within a 960x500 viewport. The features are positioned with hardcoded coordinates, and the eyebrows animate upward and back down over two seconds using the `transition` API. The code leverages D3 v5’s `select` and `arc` functions to construct the SVG shapes and the mouth path.

AI-generated description

A bare minimum HTML page.

See also React Starter.