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

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.
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.
verwandter service
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.