Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Making a face with D3

Public visualization

Making a face with D3

0 stars4๐ŸŒ 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

Comments

Sign in to join the discussion.

MIT Licensed