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)

9fdb796eb6044f628a2bac34c5ffec0b

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

0 stars0🌍 Public
JJasvitha Allamsetty
Last edited Feb 24, 2023
Created on Feb 24, 2023

A yellow smiley face, drawn with SVG circles and an arc path, demonstrates basic D3.js DOM manipulation. The face’s rectangular eyebrows animate by moving up and down through two chained `transition().duration(2000)` calls on a group element. The code uses `d3.select`, `d3.arc`, and `d3.transition` from D3 v5 to build and animate the static face, with no external data source.

AI-generated description

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