Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animated bar chart

Public visualization

Animated bar chart

0 stars0🌍 Public
Jjesramyep1263
Last edited May 10, 2020
Created on May 10, 2020

This example displays population changes over time using an animated bar chart in SVG. Bars grow in height sequentially as each year is added, with green bars that turn red and expand slightly on mouseover. The visualization is built with D3 v4, using `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for ticks. Bar entrance animations use `transition().delay()` and `ease(d3.easeLinear)`, while hover effects rely on `transition().attr()` calls. Data comes from a CSV file with year and population values.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed