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
LLori Labrie
Last edited Jul 3, 2021
Created on Jul 3, 2021

A smiling face is rendered as a yellow circle with two eyes, animated eyebrows, and a mouth built from an arc path. The animation, driven by D3.js's `transition` method, shifts the eyebrows up and down over a two-second cycle. The face is constructed using SVG primitives—`circle`, `rect`, and `path`—positioned via `attr` transforms within a nested `g` group, with the `arc` generator defining the mouth's shape.

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