Tools Guides
Finance Free No signup

Budget vs. Actual Tracker

Compare planned budget against actual spending with visual charts

Loading tool…

About this tool

Set budget amounts for common spending categories such as housing, food, transport, entertainment, and more. Enter your actual spending for each category to see an instant visual comparison. A horizontal bar chart renders budget vs. actual side by side per category, colour-coded green for under budget and red for over. An overall summary shows total budget, total spent, and the variance as a percentage.

How to use

  1. 1 Choose a preset budget category or type a custom one.
  2. 2 Enter your planned budget amount for that category.
  3. 3 Enter your actual spending for the same category.
  4. 4 Repeat for all spending categories.
  5. 5 Review the bar chart: green bars are under budget, red bars are over.
  6. 6 Check the summary row for total budget, total spent, and overall variance.

Frequently Asked Questions

{# Alpine.js — self-hosted. (The previous jsdelivr CDN tag had a stale SRI integrity hash, so the browser refused to run it and window.Alpine was never defined — silently breaking every FAQ accordion and Alpine tool.) #}