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
TTeresaSerenoAfonso
Last edited Jun 17, 2020
Created on Jun 17, 2020

D3.js draws a smiling face using basic SVG shapes, then animates the eyebrows through a continuous transform transition. The example demonstrates fundamental DOM manipulation with `select` and `append` to construct circles, rectangles, and paths from `d3.arc` for the nose and mouth. Eyebrows move via chained `transition().attr()` calls, illustrating timed attribute changes on SVG elements in a 960x500 viewport.

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