Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Simple rect

Public visualization

Viewing a saved revision (read-only)

1a8c33c4398a44708b322d7ccf889962

Simple rect

0 stars0🌍 Public
BBart van Pelt
Last edited Feb 21, 2023
Created on Feb 13, 2023

Animated SVG rectangles appear in horizontal rows and grow to random heights and colors at regular intervals, then shrink and disappear. The visualization uses the d3 library’s `select`, `transition`, and `range` APIs to manage the lifecycle of each rectangle. Data is generated procedurally with JavaScript’s `setInterval` and `Math.random`, creating a constantly updating bar-like chart. The code defines a reusable `timePlot` function that handles enter, update, and exit states for smooth transitions.

AI-generated description

Simple rect