msi-bracket

<!DOCTYPE html>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type="text/css" href="style.css">

<body>

<div id='container'>
  <div id='graph'></div>
  <div id='sections'>
    <div>
      <h3>The 64 Ways into the Mid-Season Invitational Knockout</h3>
      The final day of group play at the League of Legends <a href='https://www.lolesports.com/en_US/msi/msi_2017/schedule/groups/5'>Mid-Season Invitational</a> starts today when the six remaining teams play their last set of games. Only four teams advance to the semifinals.

<p>Since there are six games left and each game ends in one of two ways, there are 2*2*2*2*2*2 = 64 possible ways that the group stage could end. The boxes below each team how that team would advance in each scenario. Red boxes indicate elimination, orange a tie-breaker match and green advancement, with higher guaranteed seeds shown with darker shades.

<p>SKT, currently 7-1, is almost locked into the 1st seed and would have to drop both its matches today and tie-breakers to lose it.

<p>There are only two ways that WE, currently 5-3, could drop to 4th seed. In every other scenario, SKT and WE are on opposite sides of the playoff bracket.

<p>The remaining four teams, all 3-5, have much foggier futures with roughly even chances of getting the 3rd/4th seed or getting eliminated today. There are some slight variations - G2 has a winning record against the other teams at the bottom of the bracket, so it has slightly more ways of advancing. GAM is the only one that could get a 2nd seed because of its winning record against WE.
    </div>
    
    <div>
      <h3>SKT v G2</h3>

To see how each game will affect each team's chance of advancement, I've rearranged the boxes so that scenarios identical except for the outcome of SKT v G2 are next to each other. Scenarios where SKT wins are on the left; scenarios where G2 wins are on the right.

<p>Looking at SKT, the left column is all dark green - so a win locks in their top seed.

<p>Both columns of WE are identical. This indicates that the game has no impact on their standings.

<p>The 10 green boxes on G2's left column show that even if they start their day with a loss to SKT they could still advance. The additional green boxes on the right are paths to advancement that open up with a win. Note that there are still some red boxes on the right; even if G2 beats SKT they might not advance! Mouse over the boxes to see some ways that could happen.

<p>GAM fans should cheer for SKT: G2 picking up a game could push them into a tie-breaker or even elimination.
    </div>

<div>
      <h3>TSM v FW</h3>
      This is the first game of consequence to both teams. If TSM loses, they have to beat G2 to advance.

<p>GAM should root for FW; a TSM loss unlocks four tie-breaker scenarios for them.

<p>If G2 thinks FW will beat GAM later, they should root for TSM against FW. If they think GAM will beat FW, they should root for FW against TSM. Group play is weird! G2 is up 2-0 against FW and will advance over them if they finish with the same record. If G2 and FW both win one game and lose one game, G2 will advance over FW.
    </div>

If WE wins this game, they'll secure their second seed and avoid SKT until the finals.

<p>A WE win also helps TSM a lot, G2 a little bit and has a mixed impact on FW.

<p>If FW has lost its game to TSM, they should root for GAM to set up a potential 3- or 4-way tie. If FW has won, they won't want GAM to win - if GAM also beats FW later, GAM could take the 4th place spot from FW.
    </div>

<div>
      <h3>TSM v G2</h3>
      This game is a must-win for G2. Beating TSM almost secures a playoff spot for them. Staying in the tournament after a loss here would require an exceedingly unlikely win against SKT and the other games breaking the right way.

<p>TSM is playing another game against one of the bottom four teams so this game isn't as important to them, at least on paper. If they win one/lose one, they have a reasonable shot at advancing. I'll keep these charts updated as matches are played - check back to see if this game changes into a must-win for TSM.

<p>FW loses ties to G2, so they want TSM to win. 
    </div>

<div>
      <h3>FW v GAM</h3>
      This game is even more important to GAM than the previous one was to G2. Like G2, GAM is only playing one of the bottom 4 teams today and without a win against FW they have, at best, a small chance of tie for 4th place.

<p>Depending on how earlier games go, TSM fans might be cheering for FW to keep their team out of a tie-breaker match. 
    </div>

<div>
      <h3>SKT v WE</h3>
      SKT and WE are so far ahead that their game will barely have any impact on the standings. No mater how the rest of the day goes, the teams that make it out of the group stage will not be impacted by the results of this match up.

<p>It is possible that SKT might want to consider throwing the game to WE in order to get a semis draw against GAM or TSM.

</div>
  </div>
</div>

</body>