Comparative Metrics Chart

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.

Budget vs Actual

Budgeted

Spent

Over Budget

$1 K

$2 K

$3 K

Housing

Food & Dining

Transport

Entertaining

Health & Fitness

Others

Installation

npm i framer-motion

Step 1

Components

page.tsx

Select a file to view its code

Step 2

Use Linear Reveal

React Vibe

Command Palette

Comparative Metrics Chart

Budget vs Actual

Installation

Step 2