Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face with d3js

Public visualization

Viewing a saved revision (read-only)

1086296e16984b73b3b07f3fc76c4f35

Lets make a face with d3js

0 stars1🌍 Public
NNirav L. Lekinwala
Last edited May 14, 2020
Created on May 14, 2020

A yellow circle face with black outline is built from SVG shapes in React, using D3 v5 selections on a static `svg` element. `d3.arc` generates the smile path, while circles form the eyes and animated `rect` elements serve as eyebrows. The `transition().duration()` method moves the left eyebrow downward over 2.5 seconds.

AI-generated description

A bare minimum HTML page.

See also React Starter.