Skip to content
tokynstudio
journal
02 July 2026 · ai solutions

a world cup bracket with live data – built in hours

A radial bracket for the 2026 World Cup, live-updated every 60 seconds. A workshop experiment — and what it reveals about fast, AI-assisted development.

by tokyn studio · 3 min read

A World Cup bracket with live data – built in hours - AI Solutions

TL;DR. We built a radial bracket for the 2026 FIFA World Cup in a few hours - with real live data that refreshes every 60 seconds. Not a client project, a workshop experiment. But built with the same craft and the same AI-assisted toolchain we use to ship production MVPs. See it live.

what we built

A tournament tree, but not as a classic left-to-right bracket - radial: the early rounds sit on the outside, each knockout round moves one ring inward, the final sits at the centre. You see the whole tournament at a glance, no horizontal scrolling - and each team's path reads as a movement inward.

On top of that: real live data. Fixtures, results and tournament progress come from a real data source and update every 60 seconds. Not a static screenshot, but a dashboard that's alive during the matches.

The radial World Cup bracket with live results – from the group stage on the outside to the trophy at the centre. Hovering over a match reveals the details.

couldn't help ourselves

Honestly, the spark wasn't ours: a radial tournament concept by designer Emilio Sansolini wouldn't let us go - striking already as a pure graphic. We couldn't help but bring it to life: turn a static concept into an interactive interface with real live data. That's exactly the appeal of our work - take a good idea and turn it into something you can actually use.

why radial?

The classic bracket is a compromise made for paper. On screen - especially on mobile - it quickly turns into a scrolling desert. The radial form uses the space differently: consistent readability from the outside (many teams) to the inside (the decision), with a natural centre for the most exciting moment. Choices like this aren't decoration - it's exactly the craft that decides whether a tool gets used or clicked away.

the real story: the live data

Plenty of things can look nice. The difference between a gimmick and a tool is those 60 seconds. Behind it sits a small, clean data pipeline: pull the data, normalise it, cache it, revalidate on a fixed interval - without hammering the source on every visit and without serving stale scores. That discipline - fresh data *and* stable performance - is the core of real business tools. Whether it's World Cup matches or inventory levels, leads or machine data.

a few hours - and what that means

The whole thing was up in a few hours. A few years ago this would have been a small project: design, frontend, data integration, deployment. Today one experienced person does it with an AI-assisted development toolchain - the same way we deliver client MVPs in weeks instead of months.

Honestly framed: a World Cup bracket is not a Company-GPT and not a GDPR-critical line-of-business app. But the muscle is the same - think fast, build cleanly, production stack from day one, deploy live. A small experiment is the most honest test of whether that muscle is actually trained.

what this means for you

If an experiment with live data ships in hours, then a focused business tool - an internal dashboard, a customer portal, an automation - ships in weeks. That's exactly our AI Solutions approach: a few, cleanly built solutions that go live fast and hold up in production.

Go to the live bracket →

related service

AI Solutions

next step

your case, concretely - let's talk.

30 minutes, no pitch deck. We look at your use case and tell you honestly whether - and how - it's worth doing.

A World Cup bracket with live data – built in hours · tokyn studio