Skip to main content
100%

Making a face with D3

✓ Published4🌍 Public
WWarren-Fitzhenry
Last edited Dec 28, 2019
Created on Dec 21, 2019
Forked from HTML Starter

A yellow smiley face with eyes, eyebrows, and a mouth is rendered in an SVG canvas. The eyebrows animate by moving upward and then returning to their original position over two separate two-second transitions. Built with D3 v5, the code uses selection methods like `select`, `append`, and `attr`, and leverages `d3.arc` to generate the mouth path. The animation is driven by chained `transition().duration()` calls, while geometry is positioned using numeric constants for spacing and offsets.

AI-generated description

Making a face with D3.

Loading D3 from script tag (which creates a global 'd3' with all of its methods

MIT Licensed

Similar vizzes