Frontend – Gesamtscore und Breakdown
ID: REQ-FA-007 · Service: fundamental-analysis · Status: 🟢 aktiv · Use Case: UC-FA-005, UC-FA-006, UC-FA-007
Darstellung des fundamentalen Gesamtscores für das gewählte Währungspaar als Gauge-Anzeige mit aufklappbarem Breakdown der drei Komponenten (Makro, Sentiment, Geopolitik). Positioniert oberhalb der Makroindikatoren- Tabelle auf der Seite "Fundamentale Analyse". Optional: kombinierter Score aus technischer (Markteinschätzung) und fundamentaler Bewertung als einfacher Vergleichsbereich.
UI
Position: oberer Bereich der Seite, unterhalb der Paarauswahl
Score Section
Gauge
| Feld | Wert |
|---|---|
| Style | SVG-Halbkreis (analog zur Market-Interpretation-Gauge) |
| Range | -100 bis +100 |
| Color Gradient | rot (bearish) → grau (neutral) → grün (bullish) |
Category Badge
Values
- stark bullish
- bullish
- neutral
- bearish
- stark bearish
Farbe: entsprechend color_coding
Direction Text
| Feld | Wert |
|---|---|
| Example | EUR/USD fundamental: Leicht Bullish (Score: +38) |
Disclaimer
| Feld | Wert |
|---|---|
| Text | Fundamentale Analyse basiert auf verzögerten Makrodaten (FRED, OECD). Keine Handelsempfehlung. Daten können Wochen bis Monate alt sein. |
| Placement | permanent sichtbar unter dem Score, nicht ausblendbar |
Breakdown Section
Toggle: aufklappbar (standardmäßig eingeklappt)
Tabelle
Columns
- Komponente
- Score
- Gewicht
- Beitrag
Rows
Eintrag 1
Makro (Bilateral)
| Feld | Wert |
|---|---|
| Weight | 55 % |
Eintrag 2
Sentiment/Rohstoffe
| Feld | Wert |
|---|---|
| Weight | 30 % |
Eintrag 3
Geopolitik/Epu
| Feld | Wert |
|---|---|
| Weight | 15 % |
Combined Score Section
Beschreibung
Zeigt den technischen Score (aus Markteinschätzung) und den fundamentalen Score nebeneinander. Kein gemeinsamer Score wird berechnet – nur visuelle Gegenüberstellung.
Layout
| Feld | Wert |
|---|---|
| Left | Technisch: [Score] [Kategorie] |
| Right | Fundamental: [Score] [Kategorie] |
Hinweis: Technischer Score wird per API von /api/v1/interpretation abgerufen
Show Only If: Nutzer ist auch auf der Trend-Analyse-Seite aktiv gewesen (localStorage)
Color Coding
| Feld | Wert |
|---|---|
| Stark Bullish | #3fb950 |
| Bullish | #8fc776 |
| Neutral | #6b7280 |
| Bearish | #e07b54 |
| Stark Bearish | #f85149 |
Verhalten
- Ladeindikator während Score-Berechnung
- Score aktualisiert sich bei Paarwechsel automatisch
- Disclaimer ist immer sichtbar, nicht ausblendbar
Abnahmekriterien
- [ ] Gesamtscore wird als Gauge dargestellt
- [ ] Kategorie und Richtungstext sind klar lesbar
- [ ] Breakdown-Tabelle zeigt alle drei Komponenten mit Beitrag
- [ ] Disclaimer ist permanent sichtbar
- [ ] Kombinierter Score-Bereich zeigt technischen und fundamentalen Score nebeneinander
- [ ] Score aktualisiert sich korrekt bei Paarwechsel
Changelog
Eintrag 1
Version: 1.0
Changes: Initiale Version