Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Let's make a face with D3.js!

0 stars0๐ŸŒ Public
BBen Daniel
Last edited Jan 6, 2019
Created on Jan 6, 2019

A D3.js tutorial demonstrates basic DOM manipulation by constructing a yellow smiley face with animated eyebrows. The code appends SVG circles for eyes, rectangles for brows, and an arc-generated path for the mouth using `d3.arc`. A `transition` with a 2000-millisecond duration moves the eyebrows up and down repeatedly, showing chained state changes. The example relies on D3 v5 selections, `attr`, and `append` to build the face, with no external data source.

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