Rastreador de Orçamento

Um painel de três gráficos mostrando gastos por categoria, comparação de orçado vs. realizado e tendências mensais de gastos. O tipo de visão que você desejaria ao revisar para onde o dinheiro realmente foi.

O cenário

You've got a monthly budget split across housing, food, transport, and other categories. You want to see where you overspent, what the overall breakdown looks like, and how this month compares to previous months.

Paste your numbers into Claude and describe the charts you want. ChartPane renders them inline, so you can screenshot the dashboard or keep asking follow-up questions.

Os gráficos

Os dados

Fictional monthly budget for a household of two. Swap in your own categories and numbers.

Budget vs actual (monthly, USD):
  Housing:       budgeted $1,800  /  actual $1,850
  Food:          budgeted $600    /  actual $720
  Transport:     budgeted $400    /  actual $380
  Entertainment: budgeted $200    /  actual $310
  Utilities:     budgeted $180    /  actual $175
  Healthcare:    budgeted $120    /  actual $95
  Savings:       budgeted $700    /  actual $500

Monthly total spending (Jan–Jun): $4,950 / $5,100 / $4,780 / $5,230 / $5,120 / $4,830

O prompt

Aqui está um prompt que produz o painel acima:

Create a budget tracker dashboard with 3 charts:

1. Spending breakdown (doughnut): Housing $1850, Food $720, Transport $380,
   Entertainment $310, Utilities $175, Healthcare $95, Savings $500

2. Budget vs actual (horizontal bar, two datasets): show budgeted and actual
   side by side for Housing, Food, Transport, Entertainment, Utilities,
   Healthcare, Savings

3. Monthly spending trend (area chart): Jan $4950, Feb $5100, Mar $4780,
   Apr $5230, May $5120, Jun $4830

Variações para experimentar

  • Year-to-date view: "Show cumulative spending vs budget target as a line chart across 12 months"
  • Category deep-dive: "Break down Food into groceries, restaurants, and coffee shops"
  • Savings rate: "Bar chart of monthly savings rate as a percentage of income for Jan–Jun"
  • Overspend highlight: "Show only categories where actual exceeded budget, sorted by overspend amount"

Tipos de gráficos utilizados

Visualize seu orçamento

Cole seus dados de orçamento no Claude e descreva os gráficos que você quer. O ChartPane cuida do resto.