Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart Race

Public visualization

Bar Chart Race

0 stars0🌍 Public
Ppangaotata
Last edited Mar 23, 2021
Created on Mar 23, 2021
Forked from Bar Chart Race

This bar chart race animates the changing rankings of the world's most valuable brands from 2000 onward, using data from Interbrand. The visualization presents a dynamic competition where bars representing top brands, such as Coca-Cola and Microsoft, shift positions over time. Built with React and D3 v6, it uses SVG and animation to smoothly interpolate the values and ranks between yearly data points, creating a fluid, time-lapse effect. The code relies on D3's `scaleLinear`, `scaleBand`, `transition`, and `easeLinear` to orchestrate the movement, while a custom linear interpolation between keyframes and sorting logic drive the visual ranking updates.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed