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)

0cfe7cd0431d4c9cb25923aeb2dd9ad5

Let's make a face with D3.js!

0 stars0🌍 Public
Mmoha0902
Last edited May 24, 2020
Created on May 24, 2020

A yellow smiley face with animated eyebrows is drawn entirely in SVG using D3.js v5. The code demonstrates fundamental DOM manipulation by selecting the SVG element, appending groups, and building the face from basic shapes like circles and rectangles. D3 transitions move a shared eyebrow group up and down over two one-second intervals, while a mouth path is created using the `d3.arc` generator with specified inner and outer radii and smile angles.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.