Bar Chart Race

A popular in 2019 way to visualize some dynamic stats. No third party libraries required, but non-ES5 compliant.

Usage

const barChartRace = new BarChartRace(container, data);

window.addEventListener('resize', () => barChartRace.resize());

barChartRace.start();

Data format

[
  {
    "year": 1960,
    "entries": [
      {
        "name": "Afghanistan",
        "value": 755783
      },
      {
        "name": "Albania",
        "value": 493982
      },
      {
        "name": "Algeria",
        "value": 3394203
      }
    ]
  }
]

To Do

• rulers / scale
• config
• icons
• transpiling to ES5