Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's Make a Face

Public visualization

Viewing a saved revision (read-only)

503183aecd794c1c90e0b7f8bd47f52d

Let's Make a Face

0 stars4🌍 Public
PPabloReyesBetanzo
Last edited Nov 4, 2018
Created on Oct 31, 2018
Forked from Hello VizHub

This example builds a smiling face from basic SVG shapes: a yellow circle for the head, two circles for eyes, rectangles for eyebrows, and a semi-circular mouth drawn with `d3.arc`. The eyebrows animate upward and back down using chained `transition().duration()` calls on a `<g>` element. The code uses D3 v5 selection methods and `d3.arc`, with the face centered via a translation transform. The animation runs once on load, and no data source is involved.

AI-generated description