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)

39dee6bd6a8c451299b3da257c96d1b2

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

Crying Emoji with D3.js

This project creates a crying emoji using D3.js SVG manipulation.

Features

  • Animated eyebrows that move up and down
  • Yellow face with black outline
  • Two eyes
  • Sad mouth arc
  • Tears below the eyes to show crying emotion

How to Run

Open index.html in a web browser to see the crying emoji animation.