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)

6afca5d654524105bae90748f54845e8

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

0 stars0🌍 Public
SSaiipriiya
Last edited Feb 22, 2023
Created on Feb 22, 2023

A green smiley face with animated eyebrows is rendered in an SVG using D3.js v5. The face includes circles for eyes and a mouth drawn with the `d3.arc` function, while its eyebrows are rectangles that move up and down via chained `transition` calls. Additional static elements—two white eye circles, a red dot, and a blue star path—are appended to the same SVG, demonstrating basic DOM manipulation and shape creation with D3 selections and attributes.

AI-generated description

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