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
SSyed Azeem Akhter
Last edited Oct 7, 2020
Created on Oct 7, 2020

A smiley face drawn with SVG shapes animates its eyebrows upward and back down in a looping transition. The example demonstrates fundamental D3.js DOM manipulation by building a green circle, white eyes, rectangular eyebrows, and an arc-based mouth using `d3.select` and `d3.arc`. Animated with chained `transition.duration` calls, the eyebrows shift via `attr` transforms. Rendered in an SVG container sized 960 by 500, the code uses D3 v5 and imports `select` and `arc` directly from the library.

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