Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animated bar chart

Public visualization

Viewing a saved revision (read-only)

fcdd5ab777fa4b0e9ffa0ec714e233e7

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.