Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Switch

Public visualization

Switch

0 stars0🌍 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.

Comments

Sign in to join the discussion.

MIT Licensed