Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

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

0 stars0🌍 Public
Wwilkdavis
Last edited Mar 1, 2021
Created on Mar 1, 2021

A smiling face drawn with SVG updates its eyebrows by animating a group containing two rectangles over four seconds. The example demonstrates fundamental D3.js DOM selection and manipulation, using `d3.select`, `append`, and chained `transition` calls with `attr` to shift the eyebrow group vertically. The face is composed of a yellow circle, two eye circles, and an arc-shaped mouth generated with the `d3.arc` helper.

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