Fwd: Statistik überarbeiten test

[tickbot]

Mail Metadata

From: "Alexander Sept | byqurity.dev GmbH" alexander.sept@byqurity.dev To: as@temp.byqurity.dev Date: 2025-11-11T13:21:21.000Z
Message-ID: 1D810C0B-2C22-4F0B-A98B-2EA99AD2A769@byqurity.dev

Verbesserung: Statistik-UI auf „Monthy Hall web“ überarbeiten

Kurz: Die Statistik-Seite wirkt aktuell sehr basic (zu große Graphen, nicht zentriert, unattraktive Farben). Ziel ist ein optisches und nutzerfreundliches Upgrade der Diagramme.

Ziel

• Kleinere, zentrierte und optisch ansprechendere Grafiken mit konsistenter Farbgebung und guter Lesbarkeit.

Umsetzungsschritte

• Grafiken in ihrer Darstellung verkleinern (z. B. reduzierte Höhe/Max-Height, kompaktere Margins/Paddings).
• Diagramm-Container zentrieren (z. B. Flexbox/CSS Grid; max-width + margin: 0 auto).
• Einheitliches Farbschema einführen (Design-Token / CSS-Variablen) und Diagramm-Colors darauf abstimmen.
• Layout responsiv anpassen (mobil/tablet/desktop).
• Kontrast und Lesbarkeit prüfen (WCAG AA Richtlinie: Kontrast >= 4.5:1 für Text/Labels).
• PR mit Screenshots: vorher / nachher + Link zur Staging-Ansicht.

Akzeptanzkriterien

• Diagramme sind auf Desktop maximal X px (z. B. 400–500px höhe) und skalieren auf kleinere Viewports ohne Überlappung.
• Visuals sind horizontal zentriert in der Content-Region auf allen Viewports.
• Farbpalette ist in globalen Design-Variablen hinterlegt und wird von allen Statistik-Komponenten genutzt.
• Alle Diagramm-Labels, Legenden und Achsen haben ausreichend Kontrast (WCAG AA).
• UI getestet in Chrome, Firefox und Safari (Screenshots oder kurze Test-Notizen in PR).
• PR enthält:
  • Vorher-/Nachher-Screenshots,
  • kurze Beschreibung der Änderungen,
  • Link zur Staging-Instanz oder Demo.

Hinweise

• Falls vorhanden: Rücksprache mit Designer (Name/Team?) erwünscht für Farb-/Style-Vorschläge.
• Falls eine spezifische Chart-Library genutzt wird (Chart.js, D3, Recharts o.ä.), im PR kurz angeben, welche Einstellungen geändert wurden.

Anhänge:

Bild: Screenshot 2025-10-10 at 15.52.40.png (image/png)