Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animated Fruitbasket

Public visualization

Animated Fruitbasket

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

Comments

Sign in to join the discussion.

MIT Licensed