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)

d34d9ef2ea534670a7d61b97aa19f7af

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

0 stars0🌍 Public
KkumariPankaj
Last edited Oct 3, 2023
Created on Oct 3, 2023

A yellow smiley face fills an SVG canvas, with animated eyebrows that move up and down via chained transitions. The face is built entirely with D3.js v5 selections and shape generators, using `select` for DOM manipulation, `arc` for the mouth path, and SVG `circle` and `rect` elements for the face, eyes, and brows. The code computes positions from the SVG’s dimensions and centers a group with a translate transform. No external data is used; the visualization demonstrates fundamental D3 update and transition patterns.

AI-generated description

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