Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a face with D3.js!

Public visualization

Fork of Let's make a face with D3.js!

0 stars0🌍 Public
Yyesheysamdrup
Last edited Aug 23, 2021
Created on Aug 23, 2021

A D3.js animation demonstrates fundamental DOM manipulation by drawing a smiling face whose eyebrows move. The code uses D3 selections to append SVG shapes—a yellow circle, two eye circles, and rectangular eyebrows—onto a 960×500 viewport. Eyebrows animate by chaining `transition().duration(2000)` calls that translate their group element upward and back. A mouth is rendered as an arc path using the `arc()` generator. The example is a fork of a tutorial, built with D3 v5 and SVG rendering.

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