Back to Chart blocks
A reusable Budget vs Actual Chart for React dashboards, designed to compare planned and actual spending with grouped bar charts, budget analysis, and financial performance insights.
npm i framer-motionUse Linear Reveal
Net Cashflow
Income
Expenses
$6K
$3K
$0
-$3K
-$6K
Jan
Feb
Mar
Apr
May
Jun
Jul
Aug
Sep
Oct
Nov
Dec
A responsive React Chart component for creating Comparison Charts, Grouped Bar Charts, and Vertical Bar Charts to visualize cash flow, profit and loss, and business analytics in modern data visualization dashboards.
Total Expense
Housing
40%
$1,872
Food
20%
$936
Transport
15%
$702
Shopping
10%
$468
Entertainment
8%
$374
Others
7%
$328
A reusable React Pie Chart component for Distribution Charts, Business Visualization, and Analytics Dashboards. Perfect for expense tracking, category visualization, and modern data visualization dashboards.
$80K
$75K
$70K
$65K
$60K
May 21
May 1
May 5
May 9
May 14
May 18
A reusable React Performance Chart designed to build Performance Trend Charts, KPI Trend Charts, Revenue Trend Charts, Dashboard Performance Charts, and interactive analytics dashboards.