Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js! By Niharika Reddy Amanaganti

Public visualization

Let's make a face with D3.js! By Niharika Reddy Amanaganti

0 stars0🌍 Public

A smiley face built with D3.js demonstrates fundamental DOM manipulation and animation. The face includes eyes, blush, a nose, mouth, teeth, ears, hair, and hands, all rendered as SVG elements. Eyebrows transition vertically using `transition()` and `attr()`, creating a moving expression. The code uses D3 v5 selections, `arc()` for path generation, and `selectAll().data().enter()` to bind data for drawing teeth.

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