Skip to main content
100%

Face with D3.js!

✓ Published0🌍 Public
TTienTheBros
Last edited Mar 27, 2020
Created on Mar 27, 2020
Forked from Face with D3.js!

A yellow circle face renders in SVG with two eyes, animated eyebrows, and a black arc-based mouth. The face is centered using fixed pixel coordinates in a 960-by-500 viewport. D3 v5 selections append the shapes, while chained `transition().duration(2000)` calls animate the rectangular eyebrows upward and back down. The mouth path uses `d3.arc()` with an inner and outer radius to create a curved shape. React scaffolds the page, and d3-selected elements respond to the pre-set attributes and timing.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes