Lab
Kicktipp-Dashboard
Eine öffentliche Tipprunde als lesbares Dashboard: Ranglisten mit Positionstrend, Punkteverlauf, Bump-Chart, Heatmap und automatisch erzeugte Auswertungen — weil die Originaloberfläche statisch ist.
Das Problem
Kicktipp führt Tipprunden zuverlässig, zeigt aber nur den aktuellen Stand. Wer wissen will, wie sich eine Runde über die Spieltage entwickelt hat, bekommt eine statische Tabelle und muss den Rest selbst zusammenreimen.
Die Lösung
Dieselben Daten als lesbares Dashboard. Die Rangliste bekommt einen Positionstrend, der Punkteverlauf wird über die Spieltage aufgetragen, ein Bump-Chart zeigt Überholmanöver, und eine Heatmap macht sichtbar, wer an welchem Spieltag stark oder schwach war. Dazu kommen automatisch erzeugte Auswertungen — wer am meisten zugelegt hat, wer am beständigsten tippt.
Wie es gebaut ist
Next.js und TypeScript. Die Diagramme sind Teil des Entwurfs und nicht nachträglich hineingesetzt: gleiche Farbrollen, gleiche Zahlendarstellung, gleiche Abstände wie im übrigen Layout. Ein Dashboard, in dem jedes Diagramm seine eigene Sprache spricht, liest sich schlechter als eine Tabelle.