Skip to content

code-flu/angular-bar-chart-race

Repository files navigation

Most-Nuclear-Weapons-Countries.mov

Angular Bar Chart Race

Angular application that implements a bar chart race using the D3.js library. The bar chart race is a dynamic visualization that displays the change in rankings of a set of categories over time through animated bars.

Key Features:

  • Dynamic bar chart race visualization using D3.js in an Angular application.
  • Load custom data or utilize sample data to create the race.
  • Smooth and animated transitions between data updates.
  • Customizable settings for bar colors, labels, duration, and other visual aspects.
  • Responsive design to adapt to different screen sizes.

How to run on local machine

  1. Clone the repository: git clone https://github.com/code-flu/angular-bar-chart-race.git
  2. Navigate to the project directory: cd angular-bar-chart-race
  3. Install project dependencies : npm install
  4. Start the server: ng serve

LIVE DEMO

Watch the YouTube videos created using this repository

Reference

https://observablehq.com/@d3/bar-chart-race-explained