react-racing-bars
v1.0.19
Published
react-racing-bars is a data visualization tool that creates bar charts over timeframes. It can be used for generating animated infographs based and 3D data structure.
Downloads
27
Maintainers
behnam1369Readme
react-racing-bars
react-racing-bars is a data visualization tool that creates bar charts over timeframes. It can be used for generating animated infographs based and 3D data structure.
Live Demo
Please checkout the live demo depoyed on: https://racing-bars.netlify.app/
Github Repo
https://github.com/Behnam1369/racing-bars
Implementation
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 .
Author
👤 Behnam Aghaali
- GitHub: https://github.com/Behnam1369
- LinkedIn: https://www.linkedin.com/in/behnam-aghaali
- Twitter: https://twitter.com/behnamagh1369
🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Show your support
Give a ⭐️ if you like this project!