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)

bb2dd7936ea44c09a0780de87c6afda7

Let's make face with d3

0 stars2🌍 Public
Mmesmez
Last edited Nov 18, 2020
Created on Nov 18, 2020
Forked from HTML Starter

A yellow smiley face is drawn in SVG, with a circular head, two eyes, and a curved mouth defined using `d3.arc()`. The eyebrows, rendered as rectangles, animate upward and back down via chained `transition().duration()` calls on their group’s `transform` attribute. The code uses D3 v6 selections and `parseFloat`/unary plus to read SVG dimensions, positioning all features relative to the center.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.