ADR-015: Phosphor Icons + ECharts¶
Status: Proposed Datum: 2026-03-22 Entscheider: Tarek, Strategic Claude
Kontext¶
Das V6 Design-System nutzt aktuell Lucide React fuer Icons. Fuer Datenvisualisierung gibt es noch keine standardisierte Loesung. Die Feature-Pipeline (Investment Calculator, Portfolio-Heatmap, Score-Dashboards) erfordert leistungsfaehige Charts.
Entscheidung¶
Langfristig Phosphor Icons als Icon-Library und Apache ECharts fuer Datenvisualisierung evaluieren. Aktuell bleibt Lucide React bestehen.
Begruendung¶
Phosphor bietet mehr Icons (6.000+) in konsistenten Stilen (Regular, Bold, Fill, Duotone, Thin, Light). ECharts ist performanter als Recharts/Chart.js bei grossen Datenmengen und bietet native Heatmap-, Geo- und Treemap-Unterstuetzung, die fuer Portfolio-Analysen benoetigt werden.
Konsequenzen¶
- Migration von Lucide zu Phosphor ist ein groesseres Refactoring (spaeter)
- ECharts-Integration fuer neue Chart-Features (Portfolio-Heatmap, Score-Trends)
- Bestehende Lucide-Icons bleiben bis zur geplanten Migration
- Design-Tokens muessen Icons-agnostisch bleiben