Skip to main content
100%

Switch

✓ Published0🌍 Public
NNathanGBIM
Last edited Jun 2, 2020
Created on Jun 1, 2020
Forked from Trying stuff out

Two graphic displays, one a tiny yellow rectangle and the other a large red one, hold identical smiley faces drawn with D3.js. The code animates a switch: the two displays swap their transform attributes over two seconds, while the smiley’s circle, eyes, and arc-based mouth independently transition their positions and shapes. Using D3 v5’s `select`, `arc`, and chained `transition()` calls, the SVG scene shows elements moving and changing color on a light blue background.

AI-generated description

My first step with d3.

MIT Licensed

Similar vizzes