Skip to content

Latest commit

 

History

History
43 lines (36 loc) · 793 Bytes

README.md

File metadata and controls

43 lines (36 loc) · 793 Bytes

Bar Chart Race

Urban population chart - The World Bank data

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