Skip to content

Commit cd0be72

Browse files
robcohenclaude
andcommitted
feat: add chart view selector with Summary, Expenses, Accounts, Trends
Add transparent button toolbar to Charts panel (matching Flows style): - Summary: Side-by-side expense donut + income vs expenses bar chart - Expenses: Full-size expense breakdown with detailed legend - Accounts: Horizontal bar chart showing all account balances by type - Trends: Monthly income vs expenses grouped bar chart 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent 9952693 commit cd0be72

4 files changed

Lines changed: 599 additions & 26 deletions

File tree

index.html

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1239,6 +1239,21 @@ <h2 class="text-xl sm:text-2xl font-bold mb-2 text-center">
12391239
role="region"
12401240
aria-label="Financial charts"
12411241
>
1242+
<div
1243+
class="chart-toolbar px-3 py-2 border-b border-white/10 flex items-center gap-2"
1244+
>
1245+
<span class="text-xs text-white/50">View:</span>
1246+
<button class="chart-view-btn active" data-view="summary">
1247+
Summary
1248+
</button>
1249+
<button class="chart-view-btn" data-view="expenses">
1250+
Expenses
1251+
</button>
1252+
<button class="chart-view-btn" data-view="accounts">
1253+
Accounts
1254+
</button>
1255+
<button class="chart-view-btn" data-view="trends">Trends</button>
1256+
</div>
12421257
<div id="chart-container" class="h-full"></div>
12431258
</div>
12441259
<div

0 commit comments

Comments
 (0)