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 stars3🌍 Public
SSagar Malviya
Last edited Jun 1, 2019
Created on Jun 1, 2019

A D3.js smiley face is rendered as SVG shapes within a 960×500 viewport. Yellow circles form the head and eyes, while an arc path creates the mouth. The eyebrows, drawn as rectangles, animate automatically, moving upward and returning to their original position over a two-second cycle. The code demonstrates fundamental DOM manipulation using D3’s `select`, `append`, `attr`, and `transition` APIs.

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