A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 14KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="fr">
  4. <!-- Has to be within the first 1024 bytes, hence before the `title` element
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset="utf-8">
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name="viewport" content="width=device-width,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Which countries are under-performing and over-performing? (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <meta name="robots" content="noindex, nofollow">
  53. <meta content="origin-when-cross-origin" name="referrer">
  54. <!-- Canonical URL for SEO purposes -->
  55. <link rel="canonical" href="https://ig.ft.com/tokyo-olympics-alternative-medal-table/">
  56. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  57. <article>
  58. <header>
  59. <h1>Which countries are under-performing and over-performing?</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://ig.ft.com/tokyo-olympics-alternative-medal-table/" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p>Even before a single race was run in Tokyo, one thing was almost certain: by the end of the Olympic Games the US will top the medals table, followed by China and other large or wealthy countries. But how should we measure that success?</p>
  71. <p>The conventional Olympic medals table tends to reflect certain underlying factors, such as population size, economic might and past performance. Large and rich countries typically lead the pack, while nations that take home a modest number of medals but punch well above their weight receive little attention.</p>
  72. <p>With that in mind, the Financial Times’ alternative medal table ranks countries not by their total medal haul but by the difference to the tally they are expected to achieve, according to an economic model that takes into account their economic, social and political characteristics.</p>
  73. <hr />
  74. <p>We will be updating this table throughout the Tokyo Games to track each country’s performance against what would have been expected from it at that stage of the competition, based on the events that have been completed and an updated version of an economic model produced by a team of labour economists ahead of the 2016 Games in Rio de Janeiro.</p>
  75. <p>The research, by Julia Bredtmann, Carsten J Crede and Sebastian Otten, found that factors including medal hauls in past Games, population size and GDP per capita could explain roughly 95 per cent of the difference between countries’ final medal tallies, essentially creating a benchmark for assessing whether a country met, beat or fell short of expectations.</p>
  76. <p>Previous research has also repeatedly shown that host nations — and countries preparing to hold subsequent Olympics — tend to out-perform those of similar size and wealth, as do nations with a recent history of having a planned economy. Conversely, majority-Muslim countries have underperformed.</p>
  77. <p>“Countries in which women have more equal economic opportunities send more female athletes to the Games, and more athletes mean more chances to win medals,” said Bredtmann, one of the authors of the original study.</p>
  78. <hr />
  79. <h2>Methodology</h2>
  80. <p>To predict the baseline total number of medals each country might be expected to win in any given summer Olympics, we updated a linear regression model produced by Julia Bredtmann, Carsten J Crede and Sebastian Otten ahead of the Rio Olympics.</p>
  81. <p>Mimicking the original work by Bredtmann, Crede and Otten, we built the same model and fitted it on data for each Summer Olympic year between 1992 and 2008, and then used it to predict the medals table at London 2012. The full model outperforms a naive model that uses only the number of medals a country won and the year of the Games.</p>
  82. <p>We then fitted the same model on data up to and including the 2016 Rio Games, and used this to predict medal counts for Tokyo 2020 (using the latest available data for each input, i.e forecasts for GDP per capita and population in 2021).</p>
  83. <p>This gave us a value for each participating country’s expected medal tally in Tokyo, which we rounded to the nearest whole number greater than or equal to zero, and then scaled up so that the sum came to 1,017, the total number of medals that will be awarded this year.</p>
  84. <p>This predicted medals table is only useful for seeing where countries might rank before the start of the Games, or for assessing the complete results after the closing ceremony. It is less useful for comparing live tallies during the Games, After a few days of competition, when some countries have racked up medals in early events while but others are still waiting for their strongest sports to begin, it is not useful to compare live tallies with the predicted final outcome.</p>
  85. <p>To make the over/under-performance metric useful during the Games, we built an additional layer on top of the academics’ model, breaking down each country’s predicted medal count into the different sports being contested at the Games. This allows us, allowing us to gradually increase each country’s expectedpredicted medals as the real medals are awarded over the Games’ two weeks.</p>
  86. <p>To do this, we distributed each country’s predicted total medal count in proportion to the share of medals it won in each sport at the most recent Olympics it competed in. In the case of ROC (the official name of the Russian team, who are not permitted to use their country’s name due to a banongoing sanctions handed out by the World Anti- Doping Agency), we used the 2012 Games for its typical event-medal distribution, since it had sent a greatly depleted team to Rio in 2016 due to doping sanctions.</p>
  87. <p>Finally we had to account for the Russian team being limited to 10 entrants into athletics competitions in Tokyo, down from a typical athletics team size of 100. To do this, we took away 90 per cent of Russia’s predicted medals in athletics and gave them to countries that have been historically strong performers in track and field.</p>
  88. <p>This gave us our final dataset: for each country participating in Tokyo, we have a total number of predicted medals, broken down by sport. When each event’s medals are awarded, we randomly add three expected medals to countries that have won medals at that event in past Olympics. For example, all nine of Jamaica’s predicted medals are expected in athletics events in which that country has won all of its medals since 1992. Jamaica’s expected total will therefore remain at zero at least until the first athletics medals are awarded, and will then gradually increase following each completed athletics event.</p>
  89. </article>
  90. <hr>
  91. <footer>
  92. <p>
  93. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  94. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  95. </svg> Accueil</a> •
  96. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  97. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  98. </svg> Suivre</a> •
  99. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  100. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  101. </svg> Pro</a> •
  102. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  103. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  104. </svg> Email</a> •
  105. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  106. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  107. </svg> Légal</abbr>
  108. </p>
  109. <template id="theme-selector">
  110. <form>
  111. <fieldset>
  112. <legend><svg class="icon icon-brightness-contrast">
  113. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  114. </svg> Thème</legend>
  115. <label>
  116. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  117. </label>
  118. <label>
  119. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  120. </label>
  121. <label>
  122. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  123. </label>
  124. </fieldset>
  125. </form>
  126. </template>
  127. </footer>
  128. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  129. <script>
  130. function loadThemeForm(templateName) {
  131. const themeSelectorTemplate = document.querySelector(templateName)
  132. const form = themeSelectorTemplate.content.firstElementChild
  133. themeSelectorTemplate.replaceWith(form)
  134. form.addEventListener('change', (e) => {
  135. const chosenColorScheme = e.target.value
  136. localStorage.setItem('theme', chosenColorScheme)
  137. toggleTheme(chosenColorScheme)
  138. })
  139. const selectedTheme = localStorage.getItem('theme')
  140. if (selectedTheme && selectedTheme !== 'undefined') {
  141. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  142. }
  143. }
  144. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  145. window.addEventListener('load', () => {
  146. let hasDarkRules = false
  147. for (const styleSheet of Array.from(document.styleSheets)) {
  148. let mediaRules = []
  149. for (const cssRule of styleSheet.cssRules) {
  150. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  151. continue
  152. }
  153. // WARNING: Safari does not have/supports `conditionText`.
  154. if (cssRule.conditionText) {
  155. if (cssRule.conditionText !== prefersColorSchemeDark) {
  156. continue
  157. }
  158. } else {
  159. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  160. continue
  161. }
  162. }
  163. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  164. }
  165. // WARNING: do not try to insert a Rule to a styleSheet you are
  166. // currently iterating on, otherwise the browser will be stuck
  167. // in a infinite loop…
  168. for (const mediaRule of mediaRules) {
  169. styleSheet.insertRule(mediaRule.cssText)
  170. hasDarkRules = true
  171. }
  172. }
  173. if (hasDarkRules) {
  174. loadThemeForm('#theme-selector')
  175. }
  176. })
  177. </script>
  178. </body>
  179. </html>