Skip to main content
100%

Bar Chart Race

✓ Published0🌍 Public
AAniketShahane
Last edited Dec 14, 2021
Created on Dec 14, 2021
Forked from D3 Starter

An animated bar chart race tracks total Summer Olympic medals earned by each country from 1896 onward. The visualization smoothly interpolates bar positions and widths between yearly data snapshots using D3 transitions applied to SVG rectangles, with a reusable join pattern for entering, updating, and exiting elements. A ticker and axis labels update along with the bars, driven by a data-driven keyframe generator. The chart also displays country name labels and animated value counts by leveraging D3’s `transition` and text-tweening, with a replay button to restart the sequence.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes