Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make face with D3!

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed