Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

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

0 stars0🌍 Public
Ssreesushmavad
Last edited Feb 24, 2023
Created on Feb 23, 2023
Forked from Hello VizHub

This example displays a cartoon smiley face built with SVG shapes using D3.js v5. The face includes animated eyebrows that move up and down via chained `transition.duration` calls, along with static features such as eyes, a nose, mouth, teeth, hair, beard, and sunglasses. The code uses D3 selections and the `arc` generator to create the mouth path, and demonstrates fundamental DOM manipulation by appending circles, rectangles, and paths to an SVG canvas. A video tutorial is embedded in the README.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed