Budget Command Center
Budget Calculator
Plan income and expenses, compare planned vs actual, and track budget status with clear, reliable interactions.
Session Storage
Income + Expenses
50/30/20 Rule
SVG Charts
Vanilla JS
1. Set period and target
2. Add income sources
3. Track planned vs actual expenses
4. Read finale and insights
Finale
Budget Status
$0.00
ON TARGET
Income
$0.00
Planned
$0.00
Actual
$0.00
Safe to Spend
$0.00
Expense Sheet
| Category |
Item |
Planned |
Actual |
Action |
Category Actual - Bar
Live from your expense sheet.
Insights
50/30/20 + Top Lines
Needs 50%
$0.00
Wants 30%
$0.00
Savings 20%
$0.00
Left to Assign
$0.00
| Label |
Planned |
Actual |
Variance |