11 ms·
Show HN: FIFA Interactive Bracket (World Cup)
- matt_daemon 4y agoReally nice. Every football scores site or app I've tried is either so buggy or stuffed full of ads it's virtually unusable.
- neighbour 4y agoHuge fan of projects like this. It is a very straight-forward way of presenting the entire competition. Nice job.
- colewilson 4y agoThanks!
- fersarr 4y agosame thoughts from me! really like it.
- mtlmtlmtlmtl 4y agoThis 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.
- iforgotpassword 4y agoI'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.
- zkid18 4y agoHave I missed something? What’s wrong with this WC?
- mtlmtlmtlmtl 4y agoThe 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.
- ESMirro 4y agoAll 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.
- ramesh31 4y agoIs there not a financial incentive to perform? This is how American sports keep the All-Star games competitive.
- mtlmtlmtlmtl 4y agoThe financial incentives in national football are peanuts compared to high level club football, so not really.
- adammarples 4y agoAlso it's so hot that there are 5 subs per game, which has led to 9+ minutes of stoppage time in most games, pretty bizarre. Iran just scored 2 goals in the 99th and 100th minute to win.
- ESMirro 4y agoI don’t necessarily mind the extended stoppage time, it’s actually something I’ve believed would benefit the game for a long time. I’m glad to see it trialled in a populist tournament that should lead to lasting changes in the more interesting competitions.
- petesergeant 4y agoThe wailing and gnashing of teeth if KSA continue to top their group will be intense
- culopatin 4y agoDid it die? I only see a gray screen on iPhone
- colewilson 4y agoIt's taking up to 2 seconds to load, but it works on my iphone rn.
- ncann 4y agoThere 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
- colewilson 4y agoYes, mainly debugging stuff I didn’t bother fixing.
- fvilers 4y agoVery nice, but it would be nicer to use [Intl.DateTimeFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refe...) to format dates as we are not all used to the American way of formatting.
- deleted 4y ago[deleted]
- llagerlof 4y agoISO-8601 and we have a deal :-)
- eddieroger 4y agoThe one true time format.
- ginja 4y agoOn a similar note, temperatures in ºC would also be useful. Great website though!
- colewilson 4y agoDone, thanks!
- colewilson 4y agoDone! Thank you for the suggestion.
- zarzavat 4y agoSuggestion: 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”.
- colewilson 4y agoGood idea! EDIT: added!
- devracca 4y agoThis 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?
- colewilson 4y agoThanks, I'm not sure I understand though, can you give me an example?
- devracca 4y agoSomething like this https://m.livesoccertv.com/match/4350447/wales-vs-iran/ https://m.livesoccertv.com/match/4350447/wales-vs-iran/ where it has information about the coverage information.
- colewilson 4y agoI'll look into it, good idea!
- tacker2000 4y agoNice! 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.
- Broliant 4y agoBrilliant 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?
- colewilson 4y agoI will try! The data source only has this information for certain games, and I'm not sure if there's any pattern why.
- Broliant 4y agoBrilliant work! Just checked the tables to catch up on the last day's games and see you've already worked this in. Thank you so much! :)
- blitzar 4y agoWhen the group stages are all over, please flip the brackets to the top, and tables to the bottom for less scrolling!
- colewilson 4y agoAlready thought of! The group stage section will collapse.
- farindk 4y agoNice. 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.
- colewilson 4y agoI will take a look, sorry!
- colewilson 4y agoAfter further review, I think the extra goal was disallowed. Unfortunately, I don't think there is a way to filter these out.
- deleted 4y ago[deleted]
- hit8run 4y agoCan 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.
- fakedang 4y agoI hope that once the group games are done with, the bottom games chart is switched with the top groups chart.
- colewilson 4y agoIt will!
- skc 4y agoIran 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.
- colewilson 4y agoI'm not really sure how to address this, as the data source does not mark whether a goal has been disallowed or not.
- quacked 4y agoSO much more pleasant to look at than the floating tile-based Figma JS nonsense every web developer is pumping out these days. Great job, bookmarked.
- colewilson 4y agoThank you!
- laweijfmvo 4y agoThis is super useful. Do you have a donate link? I’d love to kick you a few bucks for your time. Thanks!
- lavventura 4y agoThe site is golden. Minor suggestion, count down during the halftime break might be helpful.
- colewilson 4y agoGood idea, thanks!
- dieze 4y agoThank you for this great summary! A minor suggestion: groups are so tight this year that global goal average could be useful, maybe in parentheses after the points ?
- colewilson 4y agoGood idea! I just added detailed ranking information like goal differentials and goals for/against. Is that what you were looking for? You can get to it by clicked/tapping on the group points and flags.
- pepsilike 4y agoWhere is H group winner?
- colewilson 4y agoMatch 56?
- reesericci 4y agoIt would be nice if the bracket updated every minute, along with the game. So if the game concludes, it updates the bracket.
- zouhair 4y agoThere is a bug where like now 2 matches at the same time only one shows twice up in the group column.
- colewilson 4y agoWorking on fixing this!
- Hbruz0 4y agoHey, just a heads up : In the group D, the Tunisia-France score was 1-0 and not 1-1. The last goal by Griezmann was cancelled.
- colewilson 4y agoThanks! I'm working on adding a manual override, but the upstream data source has not been fixed yet: https://github.com/estiens/world_cup_json/issues/226 https://github.com/estiens/world_cup_json/issues/226. EDIT: I have applied a basic fix for it on my end, but there may be instances where it still shows 1-1.
- idlesoul 4y agoa bracket is missing in your tournament bracket. F Winner, E runner up. It was there before the scores were finalized and Morocco won the group, gone now.
- colewilson 4y agoI've fixed it, still unsure about the cause of the problem but it should be there now.
- glxxyz 4y agoWhere is Match 55 (F winner vs E runner up)?
- colewilson 4y agoI've fixed it, still unsure about the cause of the problem but it should be there now.
- siquick 4y agoI’ve been a football fan for nearly 40 years and have never heard the term Bracket related to the game - what does it mean?
- JBiserkov 4y agoTournament schema: final, semi-finals, quarter-finals, etc.
- colewilson 4y agoIt 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.
- bombcar 4y agohttps://en.m.wikipedia.org/wiki/Bracket_(tournament) https://en.m.wikipedia.org/wiki/Bracket_(tournament)
- capableweb 4y agoIt's sometimes called "elimination tournament" or just "draw" too. Just as a curiosity, where you from? Is English your mother-language?
- siquick 4y agoUK 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.
- midasuni 4y agoI’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.
- boomboomsubban 4y agoA 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.
- weaksauce 4y agolooks 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)
- 2143 4y agoIt says the correct time for me too. I'm not that close to Qatar, and I suspect not that close to you either.
- typon 4y agoWikipedia 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_unicode 4y agoHardly 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.
- abcanthur 4y agofor the World Cup and most other leagues, the platonic ideal of speed/freshness, information density, and legibility, is https://plaintextsports.com https://plaintextsports.com . It has a great World Cup presentation which can display by group or by date https://plaintextsports.com/world-cup/2022/schedule https://plaintextsports.com/world-cup/2022/schedule . The page sizes are something like 3 magnitudes smaller than ESPN.com, especially great for when you're actually at the game and the network is bogged down in the arena.
- kome 4y agowonderful design.
- colewilson 4y agothank you!
- ernestipark 4y agoThis 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.
- colewilson 4y agoThanks, that's what I was going for!
- snapdaddy 4y agoHey 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; }
- deleted 4y ago[deleted]
- heywire 4y agoI’ll go for the opposing view, the compact spacing is great and looks great on iPhone :)
- colewilson 4y agoI also rather like the compact spacing, but I appreciate your feedback!
- alzaeem 4y agoLove 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
- auggierose 4y agoActually, 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.
- farmerbob 4y agoJust use the current betting line.
- YourParmenides 4y agoI went directly to the comment section to say the same thing
- colewilson 4y agoGood idea! I'll look into it tommorrow.
- lavventura 4y agoIt would be nice if the date of the upcoming matches also shown.
- glxxyz 4y agoIt is shown: "Match 49 12/3", 3rd of December.
- kingofpandora 4y agoIt would be nice if it used an international date format and not the American one.
- colewilson 4y agoDone
- jerojero 4y agoThis 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.
- colewilson 4y agoDone!
- colewilson 4y agoI'll ad an X button first thing tomorrow, thanks!
- dislikedtom2 4y agoI like it. However all the dates and times are in american format that I don't use.
- deleted 4y ago[deleted]
- colewilson 4y agoI'll see if I can localize it. Can you give me an example format?
- ebilgenius 4y agoCan you also look at adding the time/date's timezone on the end? Thanks, I love the site's layout/design
- colewilson 4y agoWhat do you mean?
- k4rli 4y agoI think he meant like: "23/11/2022, 15:00:00 GMT+1" Doesn't seen necessary imo as long as the dates aren't in MM/DD/YYYY format and are in browser's timezone.
- dislikedtom2 4y agoI 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...
- colewilson 4y agoThe dates/times should now be localised!
- harry8 4y agoI'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)
- colewilson 4y agoThanks! I believe that this is a mix-up in my data source, as they mark the raw timestamps in the wrong order.
- awb 4y agoGreat 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?
- vidyesh 4y agoYes 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
- colewilson 4y agoI will look into this, thanks!
- phonescreen_man 4y agoLove this, just shared it with 7 close friends who will all appreciate it.
- colewilson 4y agoThanks! I appreciate the shares
- savingsPossible 4y ago
- deleted 4y ago[deleted]
- savingsPossible 4y agoOr, if you want something more up do date: https://www.amnesty.org/en/documents/mde22/6106/2022/en/ https://www.amnesty.org/en/documents/mde22/6106/2022/en/
- colewilson 4y agoAdded.
- savingsPossible 4y agothanks so much!
- g_delgado14 4y agoOP 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_unicode 4y agoThis 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.
- junofan 4y agoI think that’s up to Fifa’s Congress, not an internet commenter’s views. You know they voted for Qatar due to this attitude?
- bentinata 4y agoHave never followed soccer/football, I find it weird that it doesn't have something like Liquipedia.