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)

5d6fa3eebd4743bea0aecfdc7203a98c

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

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

This example creates a smiling face from SVG primitives, with animated eyebrows and fixed features like eyes, ears, a nose, teeth, glasses, and a beard. It demonstrates DOM manipulation and transitions using D3.js v5, specifically `select`, `append`, and `transition().duration()`. The face is built on a single SVG canvas, using paths from `d3.arc()` for the mouth and nose, and basic shapes for the remaining elements. An embedded YouTube video shows the resulting animation.

AI-generated description

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