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)

61cd7fe2453f4ee6b6f1a218d3bb6d3d

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

0 stars1🌍 Public
MMeghanaArepalli
Last edited Feb 20, 2022
Created on Feb 20, 2022

This fork of “Let's make a face with D3.js!” builds an SVG smiley face with animated eyebrows using fundamental DOM manipulation. The face includes yellow circular head, two eyes, a nose, and a mouth, all positioned via SVG attributes and transforms within a centered group. The code uses D3 v5’s `select` and `arc` functions to create the facial features, with eyebrows drawn as arc paths that can shift position. A YouTube tutorial in the README supports learning the underlying D3 concepts.

AI-generated description

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