Skip to content

Bar chart race component (no d3 or other libraries required)

Notifications You must be signed in to change notification settings

vicrazumov/bar-chart-race

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Bar chart race component (no d3 or other libraries required)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published