Zum Inhalt springen
tokynstudio
journal
02. Juli 2026 · ai solutions

ein wm-bracket mit live-daten – in stunden gebaut

Ein radialer Bracket für die Fußball-WM 2026, live aktualisiert alle 60 Sekunden. Ein Werkstatt-Experiment – und was es über schnelles, AI-gestütztes Development verrät.

von tokyn studio · 3 min lesezeit

Ein WM-Bracket mit Live-Daten – in Stunden gebaut - AI Solutions

TL;DR. Wir haben in wenigen Stunden einen radialen Bracket für die Fußball-WM 2026 gebaut - mit echten Live-Daten, die sich alle 60 Sekunden aktualisieren. Kein Kundenprojekt, ein Werkstatt-Experiment. Aber gebaut mit demselben Handwerk und derselben AI-gestützten Toolchain, mit der wir auch Produktions-MVPs liefern. Live ansehen.

was wir gebaut haben

Ein Turnierbaum, aber nicht als klassischer Bracket von links nach rechts, sondern radial: Die frühen Runden liegen außen, jede K.-o.-Runde rückt einen Ring weiter nach innen, das Finale sitzt im Zentrum. Man sieht das ganze Turnier auf einen Blick, ohne horizontal zu scrollen - und der Weg jeder Mannschaft wird als Bewegung nach innen lesbar.

Dazu: echte Live-Daten. Spielpaarungen, Ergebnisse und der Turnierfortschritt kommen aus einer echten Datenquelle und werden alle 60 Sekunden aktualisiert. Kein statischer Screenshot, sondern ein Dashboard, das während der Spiele lebt.

Der radiale WM-Bracket mit Live-Ergebnissen – von der Vorrunde außen bis zum Pokal im Zentrum. Hover über ein Spiel zeigt die Match-Details.

nicht anders gekonnt

Ehrlich gesagt war der Funke nicht unsere Idee: Ein radialer Turnier-Entwurf des Designers Emilio Sansolini hat uns nicht mehr losgelassen - als reine Grafik schon bestechend. Wir konnten nicht anders, als ihn zum Leben zu erwecken: aus einem statischen Konzept ein interaktives Interface mit echten Live-Daten zu machen. Genau das ist der Reiz an unserer Arbeit - eine gute Idee nehmen und in etwas verwandeln, das man wirklich benutzen kann.

warum radial?

Der klassische Bracket ist ein Kompromiss fürs Papier. Auf dem Bildschirm - besonders mobil - wird er schnell zur Scroll-Wüste. Die radiale Form nutzt die Fläche anders: konstante Lesbarkeit von außen (viele Teams) nach innen (die Entscheidung), ein natürliches Zentrum für den spannendsten Moment. Solche Entscheidungen sind kein Selbstzweck - es ist genau das Handwerk, das darüber entscheidet, ob ein Tool benutzt oder weggeklickt wird.

das eigentliche thema: die live-daten

Hübsch aussehen kann vieles. Der Unterschied zwischen Spielerei und Werkzeug sind die 60 Sekunden. Dahinter steckt eine kleine, saubere Datenpipeline: Daten ziehen, normalisieren, cachen, in festem Intervall revalidieren - ohne bei jedem Besucher die Quelle zu hämmern und ohne veraltete Stände auszuliefern. Genau diese Disziplin - frische Daten *und* stabile Performance - ist bei echten Business-Tools der Kern. Egal ob es um WM-Spiele geht oder um Lagerbestände, Leads oder Maschinendaten.

in wenigen stunden - und was das heißt

Das Ganze stand in wenigen Stunden. Vor ein paar Jahren wäre das ein kleines Projekt gewesen: Design, Frontend, Daten-Anbindung, Deployment. Heute macht das eine erfahrene Person mit einer AI-gestützten Entwicklungs-Toolchain - dieselbe Arbeitsweise, mit der wir Kunden-MVPs in Wochen statt Monaten liefern.

Ehrlich eingeordnet: Ein WM-Bracket ist kein Company-GPT und keine DSGVO-kritische Fachanwendung. Aber der Muskel ist derselbe - schnell denken, sauber bauen, Production-Stack ab Tag 1, live deployen. Ein kleines Experiment ist der ehrlichste Test dafür, ob dieser Muskel wirklich trainiert ist.

was das für euch heißt

Wenn ein Experiment mit Live-Daten in Stunden steht, dann steht ein fokussiertes Business-Tool - internes Dashboard, Kundenportal, Automatisierung - in Wochen. Genau das ist unser AI-Solutions-Ansatz: wenige, sauber gebaute Lösungen, die schnell live gehen und im Betrieb tragen.

Zum Live-Bracket →

verwandter service

AI Solutions

nächster schritt

dein fall, konkret - reden wir.

30 Minuten, kein Pitch-Deck. Wir schauen uns deinen Use Case an und sagen ehrlich, ob und wie es sich lohnt.

Ein WM-Bracket mit Live-Daten – in Stunden gebaut · tokyn studio