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)

53d8be9f712b43ada7b8d9d3500aaff2

Let's make a face with D3.js!

0 stars2🌍 Public
Ssemopz
Last edited May 8, 2020
Created on May 8, 2020

A yellow smiley face drawn with SVG shapes—a circle for the head, two circles for eyes, and a path generated by the arc function for the mouth—appears centered in a 960×500 viewport. The code imports select and arc from D3 v5, using SVG groups to position features. The eyebrows, rendered as rectangles, animate by moving up and down through chained transition().duration() calls, while the static face elements remain fixed.

AI-generated description