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
Sshahbaj1999
Last edited Nov 3, 2019
Created on Nov 3, 2019

A yellow smiley face is drawn with D3.js, featuring circular eyes, a curved mouth, and animated eyebrows that move up and down in a repeating transition. The SVG elements are positioned using D3's `select` and `append`, with the face centered via a `g` transform. The eyebrows animate through chained `transition` calls, and the mouth uses the `arc` generator from D3's shape module. The code demonstrates fundamental DOM manipulation and SVG rendering, using d3.v5 to build and animate the face entirely in the browser.

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