Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

7d929a0320af4c53827bdd47253ab457

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

0 stars0🌍 Public
NNikitha123171
Last edited Feb 24, 2023
Created on Feb 24, 2023

A yellow smiley face with black features animates its eyebrows in a looping motion. The face is built from SVG elements, including circles for the eyes and an arc-generated path for the mouth. D3.js v5 handles DOM manipulation and transitions, using `select` to append elements and `transition().duration()` to move the eyebrows up and down. The example demonstrates fundamental D3 selections, attribute setting, and animation on a fixed 960x500 SVG canvas.

AI-generated description

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