react-racing-bars is a data visualization tool that creates bar charts over timeframes. It can be used for generating animated infographs based on 3D data structure.
Please checkout the live demo depoyed on: https://racing-bars.netlify.app/
https://www.npmjs.com/package/react-racing-bars
install the component
npm i react-racing-bars
import it into your project
import RacingBars from "react-racing-bars";
use it like this:
<RacingBars data={data} time="round" title="team" value="score" barHeight={30} topN={4} topNColor="lime" lastN={3} lastNColor="red" />
Sample data can be found here .
👤 Behnam Aghaali
- GitHub: https://github.com/Behnam1369
- LinkedIn: https://www.linkedin.com/in/behnam-aghaali
- Twitter: https://twitter.com/behnamagh1369
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!