Zum Inhalt

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