Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

04 - let's make a face - dataviz 2018

Public visualization

Viewing a saved revision (read-only)

52c0422c1d974fa29114f9ab4676a383

04 - let's make a face - dataviz 2018

0 stars11🌍 Public
Zzach b.
Last edited Nov 20, 2021
Created on Nov 12, 2021

A smiley face built with SVG and animation shows a yellow circle with two eyes, a grin, and rectangular eyebrows that repeatedly raise and lower. The face is centered in a 960 by 500 viewport, with features positioned via explicit coordinates in the D3 v7 selection and arc API. The eyebrows use chained `transition.attrTween` calls on the `eyeBrows` group to loop between two transforms, while the mouth is drawn with `d3.arc()` using inner and outer radii and angle offsets.

AI-generated description

datraviz 2018 #4 - smiley w/ d3.js