Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make face with D3.js

Public visualization

Viewing a saved revision (read-only)

8fbe3adcbf3d4c7688fa904ce0d0b777

Let's make face with D3.js

0 stars2🌍 Public
Tthalissonns
Last edited Nov 26, 2019
Created on Nov 26, 2019

A D3.js v5 example renders a simple smiling face as an SVG, centering a yellow circle with black stroke for the head, two dark eyes, and a curved mouth built from an arc path. The face is constructed using D3's selection and arc APIs within a transformed group, while animated eyebrows—two rectangles—loop through a two-second transition that raises and lowers them repeatedly, creating a playful, expressive motion. The visualization relies entirely on declarative SVG attributes and D3's transition system for the timed animation.

AI-generated description