Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

8636381b8dd04e758e5003a7d9622b1a

Fork of Let's make a face with D3.js!

0 stars0🌍 Public
Sskmriyaz0786@gmail.com
Last edited Sep 28, 2025
Created on Sep 28, 2025

This example shows a crying emoji face with animated eyebrows, wide eyes, a sad mouth, and tear droplets, positioned beside a simple stick-figure person on a blank canvas. D3.js constructs the SVG elements, using `select` to target the `<svg>` and `append` to build the face components with specific attributes. The eyebrows move up and down through a chained `transition` with a 2000-millisecond duration, while `arc()` generates the mouth path. Static tear circles are placed below the eyes to convey the crying emotion.

AI-generated description