# Budget Analytics & Dashboard v2 – Chart-Ansatz

Status: umgesetzt als **native SVG** im Vue User Dashboard.

## Entscheidung

Für diesen Sprint wird keine neue externe Chart-Library eingeführt. Stattdessen nutzt JARVIS handgeschriebene, kleine SVG-Komponenten innerhalb der Vue-Seiten.

## Warum native SVG statt neuer Dependency?

- Keine neue Lizenzfläche und keine kommerziell unklare Chart-Abhängigkeit.
- Kein Risiko durch kopierte fremde Assets oder Code.
- Sehr gute mobile Kontrolle für iPhone/iPad.
- Ausreichend für die geforderten v2-Charts: Balken, Cashflow, Donut-/Anteil-Visualisierung und Trendlinie.
- Später kann ECharts ergänzt werden, falls interaktive Tooltips/Zoom/Serien nötig werden.

## Gebaute Charts

- Budget Übersicht:
  - Monats-Cashflow Einnahmen vs Ausgaben.
  - Top-Ausgabenkategorien als Anteilbalken.
- Budgetstatus:
  - Monatsdiagramm je Kategorie Januar bis Dezember mit Budgetlinie-Konzept.
- Budget vs Ist:
  - Horizontales Budget-vs-Ist-Kategoriechart.
  - Einnahmen/Ausgaben pro Monat.
  - Kategorieanteile als Donut-/Anteil-Block.
  - Netto-Cashflow-Trend über das Jahr.

## Datenregeln

- Nur `budget_transactions.status='confirmed'` zählt als Ist.
- Kandidaten zählen nicht als Ist.
- Transfers zählen nicht als Einnahmen/Ausgaben.
- `covered_by_migros`-Kandidaten zählen nicht doppelt.
- 2025 und 2026 werden getrennt gefiltert.

## Referenznutzung

ezBookkeeping wurde nur als UX-/Layout-/Chart-Inspiration genutzt: kompakte Filterleisten, klare Analysebereiche, Kategorieanteile und Zeitreihen. Kein Code, keine Assets, keine Styles wurden kopiert.