Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

96ecac18f87c4beabc4e8e7687083818

Let's make a face with D3.js!

0 stars2🌍 Public
RRafael Campos
Last edited Apr 22, 2020
Created on Apr 22, 2020

A smiling face drawn with SVG shapes—a yellow circle, two eyes, and an arc-shaped mouth—bobs its rectangular eyebrows up and down in a repeating two-second animation. The D3.js code constructs the face using `d3.select` and `d3.arc`, then applies chained `transition().duration()` calls to animate the eyebrow group’s vertical position. Rendering occurs in an SVG canvas at 960 by 500 pixels, with all coordinates centered via a translated group.

AI-generated description