Show HN: FIFA Interactive Bracket (World Cup)

159 points12
skc22 minutes ago

Iran and Wales are playing right now, Iran had a goal disallowed but the match summary records it as a goal (even though it correctly shows that the game is still 0-0)

So minor bug.

fvilers5 hours ago

Very nice, but it would be nicer to use [Intl.DateTimeFormat]( to format dates as we are not all used to the American way of formatting.

mtlmtlmtlmtl4 hours ago

This is perfect! I've boycotting any official broadcasts. I want this WC to be a disaster(it has been the whole time, but I want the Qatari state and FIFA to feel it), but I still vaguely care about the results.

iforgotpassword4 hours ago

I'm relaying a German live ticker to a private chat group (family/friends) created for that reason. While at it, I started replacing common terminology with silly words because I'm still a child on the inside I guess. Makes for some hilarious phrases.

zkid182 hours ago

Have I missed something? What’s wrong with this WC?

Aaronmacaron20 minutes ago

- The WC is primarily a football tournament. Qatar is a country where it's too hot to play football even in the winter. They had to add ACs to the Stadiums so it's somewhat tolerable (not a joke). - Because it's so hot in Qatar the WC was moved to the winter. This breaks the long standing tradition of doing the WC in the summer. - In many countries where people actually care about the WC it's cold and rainy in winter. Traditions such watching the WC outside with family and friends obviously cannot exist this time around. - There is zero football history or tradition in Qatar. Nobody there actually cares about football. Why do the WC there? - It is very obvious that the only reason why we have a WC in Qatar is corruption. Corrupt people in the FIFA and in western goverments and willingness to bribe and do everything imaginable to get the WC from the Qatari government. - Qatar now has 8 large and very modern football stadiums in the radius of 50km but the entire country only has less than 3 million people. For camparison London has three times the population but not as many comparable stadiums eventhough London can be considered the world capital of football. Those stadiums will most likely not be really used after the WC. - It is a known fact that thousands of migrant workers had to die in order for those stadiums to be built. - Fans are not allowed to wear pride flag colors. Players are not allowed to armbands with pride flag colors because the Qatari government doesn't like it.

mtlmtlmtlmtl1 hour ago

The stadiums are built by what is essentially slave labour. The choice of Qatar was obviously a result of corruption in the first place as it's not even a suitable location. That's why it's in November instead of the summer, which has completely disrupted the club season by compressing it, causing a fuckton of injuries in the busiest leagues.

It's a complete shitshow any way you look at it.

ESMirro24 minutes ago

All of the above combined with the fact that it has just led to some truly terrible football.

The international version of the sport is always 5-10 years, tactically, behind the club game, but the week or so most of the big teams have had to truly prepare compared to the usual 3, has ensured almost every team is playing in the same basic style and that the best players are, if not injured, then just exhausted from the hectic season.

alzaeem11 hours ago

Love it. But one suggestion, which I’ve been looking for, is to fill the knockouts bracket based on the current group standings. That’s a great way to build up the excitement

auggierose2 hours ago

Actually, I think it would be nicer to compute some sort of prediction based on the results so far, the strength of the teams, and the remaining games to be played.

colewilson10 hours ago

Good idea! I'll look into it tommorrow.

YourParmenides11 hours ago

I went directly to the comment section to say the same thing

boomboomsubban11 hours ago

A solid replacement for my standard sports site, Wikipedia.

And wow! A real page view counter, with under 2000 hits so far! I feel like a kid again.

edit it might be nice to clarify the time zone used in the games.

abcanthur10 hours ago

for the World Cup and most other leagues, the platonic ideal of speed/freshness, information density, and legibility, is . It has a great World Cup presentation which can display by group or by date . The page sizes are something like 3 magnitudes smaller than, especially great for when you're actually at the game and the network is bogged down in the arena.

tra37 hours ago

As a terminal lover this is amazing.

weaksauce11 hours ago

looks to be in the time zone of the current browser's locale. it says the correct time for me and i don't live anywhere near the middle east(or perhaps the person that made the site is also in my timezone so double check)

214310 hours ago

It says the correct time for me too.

I'm not that close to Qatar, and I suspect not that close to you either.

typon10 hours ago

Wikipedia beats megacorp giants like Espn at displaying sports related information in so many metrics and it's not even close. Really a great example of perverted incentives. Espn is trying to show ads, while Wikipedia is trying to show information.

Godel_unicode8 hours ago

Hardly the case for live games. Look at the EPSN drive graphics for the NFL for instance, where it shows the gain/loss for every play and the tooltip has tons of information about what happened. The shot heatmap for basketball is another great example of ESPN adding real value even if you’ve been watching the game.

farindk2 hours ago

Nice. But please check your data source, it might have a bug. For example: Group E, Germany <-> Japan. End result 1:2, but the game details list 2 goals for each side.

snapdaddy11 hours ago

Hey Cole,

I think the site looks great and is very useful. The one suggestion I have would be to add a bit of space to everything to give it some breathing room.

These are the changes I made: try them out and see what you think.

body { padding: 10px; background: #f0f0f0; }

#groups { grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); }

.group { padding: 10px; margin: 4px; }

.group > span { margin: 0 20px 20px 0; }

.gmatch { padding: 6px 0; }

heywire10 hours ago

I’ll go for the opposing view, the compact spacing is great and looks great on iPhone :)

colewilson9 hours ago

I also rather like the compact spacing, but I appreciate your feedback!

tacker20003 hours ago


But would be also good to show the actual tables and not just the points, maybe even updating live during the matches, since in most cases the points are not the single thing that decide the outcome, but also goals scored, goal difference etc.

ernestipark11 hours ago

This is great. One huge nitpick with sports stats and standing sites these days (even Google’s which are pretty clean) is the lack of info density. I just want tables with little padding showing me all the info I want without page refreshes. This is exactly that.

fakedang31 minutes ago

I hope that once the group games are done with, the bottom games chart is switched with the top groups chart.

blitzar2 hours ago

When the group stages are all over, please flip the brackets to the top, and tables to the bottom for less scrolling!

jerojero10 hours ago

This is great!

Just a few thoughts: It could be good to add a `X` a kind of close button to the pop up when you click on a match. It's not entirely intuitive where to click to close it if you're on mobile.

On that line, when you double click on a match (or double tap to enter full screen) it looks very bad on mobile.

This is a very useful website! Thanks.

colewilson9 hours ago

I'll ad an X button first thing tomorrow, thanks!

siquick11 hours ago

I’ve been a football fan for nearly 40 years and have never heard the term Bracket related to the game - what does it mean?

colewilson11 hours ago

It mainly refers to the tree-like graph of teams in a tournament, I usually hear it in reference to a basketball or American football game though.

capableweb10 hours ago

It's sometimes called "elimination tournament" or just "draw" too.

Just as a curiosity, where you from? Is English your mother-language?

siquick10 hours ago

UK but live in Australia (it’s not used here either as far as I know).

I think the UK equivalent is probably Draw as in “this is the draw for the World Cup”.

Bracket in the UK is something used to hold up shelving.

midasuni3 hours ago

I’ve seen it recently, like so much stuff it’s u.s cultural imperialism taking over the Anglosphere. See also “Black Friday”, some random time in the middle of November.

JBiserkov11 hours ago

Tournament schema: final, semi-finals, quarter-finals, etc.

Broliant2 hours ago

Brilliant tool here, thanks Cole.

Suggestion: Hovering over the detail for a game, is it possible when listing substitutions to see the name of the player replaced as well as the name of the player introduced?

devracca4 hours ago

This is great! I have been trying to find a way to scrape information about tv channel schedule in different countries e.g UK, US. Would it be possible and helpful to add something like that?

zarzavat5 hours ago

Suggestion: if a match is less than 24 hours in the future but it happens to be after midnight, show that as e.g. “1am” or “1am +1” because from the perspective of the user those are the same “day”.

hit8run2 hours ago

Can you also do a FIFA interactive corruption tracker?

Like an animated visualization of their corruption and money flows that is easily to extend in the future because there’s a lot more to come.

bentinata9 hours ago

Have never followed soccer/football, I find it weird that it doesn't have something like Liquipedia.

harry810 hours ago

I'll totally use this unless it gets trampled to death. "Did you see that ludicrous display last night?"

Event list for match #8 is not in chronological order according to the timestamps. Did you mean it to be? (Entry 4 shuffle up to should come first, then 3 second and the rest seem ok)

colewilson6 hours ago

Thanks! I believe that this is a mix-up in my data source, as they mark the raw timestamps in the wrong order.

awb9 hours ago

Great project! Would be interesting to see tie breaker information too. For example, Uruguay and South Korea tied 0-0 but Uruguay is listed 2nd in Group H ahead of South Korea. Maybe because Uruguay had 1 yellow card and South Korea had 2?

vidyesh8 hours ago

Yes for now based on yellow cards.

The tiebreaker goes this way

- Goal difference

- Total number of goals scored.

- Number of points between teams concerned.

- GD between the teams concerned.

- Team conduct score

  - Yellow Card: -1 point

  - Indirect Red card (2 Yellows): -3 points

  - Direct Red: -4 points

  - Yellow and Direct Red: -5 points
colewilson9 hours ago

I will look into this, thanks!

culopatin6 hours ago

Did it die? I only see a gray screen on iPhone

colewilson6 hours ago

It's taking up to 2 seconds to load, but it works on my iphone rn.

ncann6 hours ago

There seem to be some errors in the console:

- After page load: [Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'id')"

- When hovering over a match: [Vue warn]: Failed to resolve directive: if-else

colewilson6 hours ago

Yes, mainly debugging stuff I didn’t bother fixing.

matt_daemon11 hours ago

Really nice. Every football scores site or app I've tried is either so buggy or stuffed full of ads it's virtually unusable.

petesergeant8 hours ago

The wailing and gnashing of teeth if KSA continue to top their group will be intense

phonescreen_man9 hours ago

Love this, just shared it with 7 close friends who will all appreciate it.

colewilson9 hours ago

Thanks! I appreciate the shares

neighbour11 hours ago

Huge fan of projects like this. It is a very straight-forward way of presenting the entire competition.

Nice job.

lavventura11 hours ago

It would be nice if the date of the upcoming matches also shown.

glxxyz9 hours ago

It is shown: "Match 49 12/3", 3rd of December.

kingofpandora6 hours ago

It would be nice if it used an international date format and not the American one.

dislikedtom210 hours ago

I like it. However all the dates and times are in american format that I don't use.

colewilson9 hours ago

I'll see if I can localize it. Can you give me an example format?

dislikedtom29 hours ago

I personally use "en-GB", which results something like dd.MM. HH:mm. JS date object has bunch of methods for locale formatting. edit: actually it seems my browser does not expose correct locales...

ebilgenius7 hours ago

Can you also look at adding the time/date's timezone on the end? Thanks, I love the site's layout/design

colewilson6 hours ago

What do you mean?

kome11 hours ago

wonderful design.

savingsPossible9 hours ago

(I am sorry, I really don't mean to detract from the fun, but worker solidarity is also very important)

Could you include a link to amnesty international reporting the slave-like conditions of some of the workers that built those stadiums?


g_delgado149 hours ago

OP is trying to just share something cool and fun, and now you come here making it political.

Chill out. Obviously worker solidarity is very important - you say it as if OP didn't already know that. There's a time and a place for this sort of stuff and this isn't it.

Godel_unicode7 hours ago

This attitude is why terrible regimes with abysmal human rights records keep getting to sportswash themselves. The Qatari government said the quiet part out loud when they said that once the first whistle blows the world will forget about any controversy.

peyton7 hours ago

I think that’s up to Fifa’s Congress, not an internet commenter’s views. You know they voted for Qatar due to this attitude?

Godel_unicode7 hours ago

Yes, they knew that people would complain ahead of time and if they just plowed ahead that once the games started everyone would stop talking about it and get back to watching sports.

I know this because they, the international Olympic committee, the Qatari government, F1, and everyone involved with Liv Golf have said it about their respective events. They’re not being circumspect about this. And, because of this attitude, they’re right. At the end of the day, people want to watch sport and hope that Someone Else solves this problem for them.

socialismisok6 hours ago

Sports, especially global sporting events, are always political.

Double especially when cities bid and bribe for the right to host.

Triple when they have to build infrastructure that wasn't there before.

Asking someone, quite politely, to merely acknowledge the impact this event had on tens of thousands of people is not out of line in the least.

colewilson9 hours ago

I don't mind, it's a good place to share it.

elvis10ten7 hours ago

How is sharing about the often ignored and poorly treated people that made everything possible political? If so what isn’t? The games?

savingsPossible9 hours ago

Or, if you want something more up do date:

colewilson9 hours ago