Skip to main content
100%

Animated Fruitbasket

✓ Published0🌍 Public
WWill Carter
Last edited Oct 3, 2019
Created on Oct 3, 2019

This animated bar chart displays the counts of eight different fruit types in a basket, with bars growing sequentially from the bottom axis to their final heights. The visualization uses D3 v5’s selection and transition APIs, animating each rectangle’s `y` and `height` attributes with a staggered delay of 200 milliseconds per bar. The SVG rendering applies a linear color scale from pale to dark green based on count values, and includes labeled x- and y-axes using `d3.axisBottom` and `d3.axisLeft`. The dataset is hardcoded in the script, and bar growth is the only animated effect.

AI-generated description
MIT Licensed

Similar vizzes