Skip to main content
100%

Fork of 04 - let's make a face - dataviz 2018

✓ Published0🌍 Public
Aajayrao0
Last edited Feb 18, 2022
Created on Feb 18, 2022

A stylized smiley face, drawn with gray, red, and green shapes, shows animated eyebrows that repeatedly raise and lower via chained D3 transitions. The face, eyes, and mouth are built with SVG circles and an arc path, positioned with manual coordinate math. Using D3 v7, the code selects the `svg` element and applies `transition.duration` with `.on('end')` callbacks to loop the eyebrow animation indefinitely. The brows are rectangles inside a grouped `<g>` element, and the mouth is generated with `d3.arc` using explicit radius and angle values.

AI-generated description

datraviz 2018 #4 - smiley w/ d3.js

MIT Licensed

Similar vizzes