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)

16b3e00d7400434598314199b6663f4b

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

0 stars0🌍 Public
LLuoTianqi
Last edited Sep 15, 2023
Created on Sep 15, 2023

A yellow smiley face with animated eyebrows demonstrates fundamental D3.js DOM manipulation. The face is built using SVG circles for the head and eyes, rectangles for the brows, and a `d3.arc` path for the mouth. The eyebrows move up and down repeatedly via chained `transition().duration()` calls that update the group's `transform` attribute. The example uses D3 v5 with selection methods like `append` and `attr` to construct and style elements within a 960×500 SVG canvas.

AI-generated description

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