A very simple bar chart that is created for react project.
npm install simple-bar-chart
import SimpleBarChart, { BarData } from "simple-bar-chart";
// Your codes
const [barData, setBarData] = useState<BarData[]>([]);
// Your codes
<SimpleBarChart data={barData} />;
Each item in the BarData[] is structured as below, where;
name: The name of the item to show on the x-axis
amount: The amount that the bar will represent
threshold: The value of the line that will be shown on top of the bar
{ name: `Jan'25`, amount: 0, threshold: 0 }
Created by AziziAziz