🌍 Public
Viewing a saved revision (read-only)
f3d9d8b1cc8c46dba95590e98550eeaa
Fork of 04 - let's make a face - dataviz 2018
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 descriptiondatraviz 2018 #4 - smiley w/ d3.js