DEV Community

Cover image for chart-race-react: Seamlessly integrate Bar Chart Races to your website.
Brian Chao
Brian Chao

Posted on • Originally published at github.com

chart-race-react: Seamlessly integrate Bar Chart Races to your website.

2019 is the year for Bar Chart Races. If you have no idea what that is, simply look it up on Google. It is EVERYWHERE.

As a React user, I decided to create an npm package that allows users to seamlessly integrate Bar Chart Races into their website. The name is chart-race-react. You can download it via npm.

The link is here: Github Link.

npm install --save chart-race-react

Inside your project, you simply import BarChart, and pass in your props just like any React Component.

import BarChart from 'chart-race-react`;

Just a demo of the smooth bar chart race created using chart-race-react.

Alt text of image

You can pass in customized data, define the duration of animation, specify colors and bar styles! This is a fully customizable and flexible tool for data visualization and web UI design.

color1 color2 color3
border1 border2 border3
speed3 speed1 speed2

Top comments (0)