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 17KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
  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>How heat can kill you (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://www.popsci.com/health/heat-stroke-dangerous/">
  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>How heat can kill you</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.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://www.popsci.com/health/heat-stroke-dangerous/" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p><a href="https://www.popsci.com/story/diy/heat-stroke-vs-heat-exhaustion/" target="_blank" rel="noreferrer noopener">It begins when you stop sweating</a>. Perspiration usually cools you down by releasing heat into the air as sweat evaporates, but eventually, if your body becomes dehydrated or the external mixture of hot air and humidity gets too high, you can no longer push the salty liquid through your pores. You flush all over as blood moves toward your skin—an attempt to shuttle warmth away from your core. Muscles cramp up as your salt reservoirs deplete. Organs swell as your body kicks up an immune response. Your thinking gets fuzzy. You might start hallucinating. You vomit so your stomach can stop wasting energy on digestion. Your heart pounds and your head aches. You may begin to have seizures.</p>
  71. <p>When death finally comes, whether within the hour or a few days later, it’s in the form of a heart attack or organ failure. In the throes of heatstroke, your internal temperature may spike above 105°F, but if you’re alone—victims often are—you’ll have gone cold by the time someone finds you. It’s likely no one will know that <a href="https://www.popsci.com/diy/heat-stroke-vs-heat-exhaustion/" target="_blank" rel="noreferrer noopener">the true killer was heat</a>. </p>
  72. <p>The human physique begins to fall apart when it gets too hot. “We have to maintain a very specific range of body temperatures,” says <a href="https://socgen.ucla.edu/people/shane-campbell-staton/">Shane Campbell-Staton</a>, a Princeton University evolutionary biologist who studies the impact of extreme temps on people and animals. Most of us are comfortable when the air around us hovers between 68°F and 77°F, which allows us to maintain an internal thermostat somewhere around 98 degrees. When the environment pushes us past those limits, the delicate balance of chemical reactions that keep us alive starts to wobble, leading to cascades of negative effects that can very quickly become fatal. </p>
  73. <p><em>[Related: <a href="https://www.popsci.com/heat-keep-body-cool/" target="_blank" rel="noreferrer noopener">4 ways to keep cool when the temperature spikes</a>]</em></p>
  74. <p>Officially, only about 700 people in the US die from exposure to extreme heat per year, largely among vulnerable populations, like the unhoused and elderly, and people who spend long hours outside for work or sport. But scientists who study the links between weather and human health believe the actual number is much higher, says Scott Greene, a University of Oklahoma geographer who has been researching the subject since the 1990s. Exposure to extreme highs could be the culprit behind thousands of deaths in the United States each year and <a href="https://www.preventionweb.net/files/61119_credeconomiclosses.pdf/">many more</a> around the globe. It’s hard to say how many for certain, given that most of them go unrecorded. But whatever that grim tally is, we know one thing for sure: We can expect more in the years to come.</p>
  75. <p>Without dramatic climate action in the near future, we will likely experience a sharp uptick in extreme heat events across the country by midcentury. That means a greater percentage of the population will deal with dangerous highs—<a href="https://www.weather.gov/safety/heat-index/">according to the National Weather Service</a> that’s triple digits, or anything in the 90s paired with 65 percent humidity or more.</p>
  76. <p>Recent data from the Union of Concerned Scientists predicts that nearly 90 million people will experience 30 days or more of 105°F temperatures per year by 2050, compared to the fewer than 1 million who experienced such heat annually in the late 1900s. Those 30 scorchers will affect nearly one-third of American urban areas, predominantly in the Sunbelt and the southern Great Plains. Temperatures in the Northeast could exceed 90°F for up to 42 days a year, while some states in the Midwest can expect similar forecasts for more than 100 days a year. We can protect ourselves by changing our lifestyles to suit these climes, but public health experts say it will take a concerted effort from local, state, and national governments to edu­cate people on the dangers of heat, alert them when temperatures creep too high, and offer them solutions—like public access to AC and water.</p>
  77. <p>Some of us are more vulnerable than others. The elderly generally don’t sweat or pump blood as efficiently as youngsters can, while children tend to perspire less and have greater surface-to-body-mass ratios. Certain medications, like antipsychotics and blood pressure pills, can throw internal thermostats out of whack. People without homes or access to air conditioning don’t have safe spaces in which to cool down, while construction workers and other laborers sometimes have no choice but to be outdoors, often during the hottest parts of the day.</p>
  78. <p><em>[Related: <a href="https://www.popsci.com/noaa-map-summer-temperature-2090/" target="_blank" rel="noreferrer noopener">These beautiful, terrifying maps show how hot we’ll get in 2090</a>]</em></p>
  79. <p>But anyone can succumb to rising temps. The National Weather Service’s heat index indicates that even temperatures in the 80s come with the risk of illness if you’re exposed for hours at a time and humidity is high, or if you’re engaged in strenuous outdoor activity like athletics. The risk goes up in lockstep with increasing airborne moisture and temperatures.</p>
  80. <p>How likely a person is to die from exposure, however, remains somewhat opaque. That’s why Greene and others in his field examine how many people die in a given area during an unusually hot period, as opposed to just looking at those deaths that coroners or medical examiners code as related to hyperthermia. They search for what are known as “excess deaths”—fatalities that spike above the number typical for an area with the same demographics during that time of year. A similar analysis published by a different team in <em>Environmental Epidemiology</em> in 2020 suggests that heat is a direct or indirect cause of up to 10,000 fatalities in the United States each year—far higher than the official count. The circumstances are right for that number to keep going up, but the crisis is already at our door. Even based on official statistics, heat is already the leading weather-related killer in the country, ahead of winter storms, hurricanes, and flooding.</p>
  81. <p>There’s still time, however, to prevent gruesome deaths. When Greene started researching this field in the 1990s, a stretch of fatally hot weather in the US—most notably, the 1995 Chicago heat wave that killed more than 700 people in five days—led cities across the country to start planning ahead. There hasn’t been sufficient research on such programs to quantify the exact benefits, according to the CDC, but what data we have is positive. The widespread adoption of warning systems to make residents aware of extreme temperatures and their health risks is one of the most important changes to come out of those efforts. An investigation of one such initiative in Philadelphia from 1995 to 1998, for example, found that the city’s interventions saved 117 lives in three years. The urban area’s accompanying response infrastructure also played an important role, Greene says. The media educated the public on the dangers of high temps, local utilities maintained services throughout the heat wave even in cases where payments were overdue, cooling centers offered access to shelter and water, and the city increased its staffing for emergency medical services. Greene and others are still working on tallying the exact impact of each of these mitigation efforts. Still, he says, it’s clear that simply making residents aware of the dangers can go a long way toward saving lives.</p>
  82. <p>But hot spells that take locals by surprise remain a concern, especially in cities. A phenomenon called the urban heat island effect can raise temperatures in areas with lots of heat-holding concrete and a dearth of trees by several degrees compared to surrounding areas. That means densely packed metropolises can fall into the danger zone while folks in the suburbs feel fine.</p>
  83. <p>And even though new warning systems and infrastructure have helped, there’s more work to do. “The main thing that separates us from the rest of the tree of life is our unique ability to buffer ourselves against extremes,” says Princeton’s Campbell-Staton.</p>
  84. <p>To keep dropping the number of deaths, even as temperatures go up, city, county, state, and federal governments need to coordinate their responses, Greene says. He wants to see a more robust centralized national forecasting effort that predicts temperature spikes as far out as possible. With advance notice, cities could prepare by freeing up emergency funds and properly staffing infrastructure like ambulances and cooling centers. Such alerts could also clearly spell out what extreme heat might mean for a given locale: Just as an inch of snow is more of an emergency in Atlanta than it is in Boston due to baseline preparedness and local knowledge, you might not need a heat alert in Phoenix for the same temperatures as in Anchorage. These efforts could help raise the profile of extreme highs as an issue, Greene says, and save lives while they do. But for now, it’s important to realize just how many people are at risk—and how few of them know it.</p>
  85. </article>
  86. <hr>
  87. <footer>
  88. <p>
  89. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  90. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  91. </svg> Accueil</a> •
  92. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  93. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  94. </svg> Suivre</a> •
  95. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  96. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  97. </svg> Pro</a> •
  98. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  99. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  100. </svg> Email</a> •
  101. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  102. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  103. </svg> Légal</abbr>
  104. </p>
  105. <template id="theme-selector">
  106. <form>
  107. <fieldset>
  108. <legend><svg class="icon icon-brightness-contrast">
  109. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  110. </svg> Thème</legend>
  111. <label>
  112. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  113. </label>
  114. <label>
  115. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  116. </label>
  117. <label>
  118. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  119. </label>
  120. </fieldset>
  121. </form>
  122. </template>
  123. </footer>
  124. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  125. <script>
  126. function loadThemeForm(templateName) {
  127. const themeSelectorTemplate = document.querySelector(templateName)
  128. const form = themeSelectorTemplate.content.firstElementChild
  129. themeSelectorTemplate.replaceWith(form)
  130. form.addEventListener('change', (e) => {
  131. const chosenColorScheme = e.target.value
  132. localStorage.setItem('theme', chosenColorScheme)
  133. toggleTheme(chosenColorScheme)
  134. })
  135. const selectedTheme = localStorage.getItem('theme')
  136. if (selectedTheme && selectedTheme !== 'undefined') {
  137. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  138. }
  139. }
  140. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  141. window.addEventListener('load', () => {
  142. let hasDarkRules = false
  143. for (const styleSheet of Array.from(document.styleSheets)) {
  144. let mediaRules = []
  145. for (const cssRule of styleSheet.cssRules) {
  146. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  147. continue
  148. }
  149. // WARNING: Safari does not have/supports `conditionText`.
  150. if (cssRule.conditionText) {
  151. if (cssRule.conditionText !== prefersColorSchemeDark) {
  152. continue
  153. }
  154. } else {
  155. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  156. continue
  157. }
  158. }
  159. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  160. }
  161. // WARNING: do not try to insert a Rule to a styleSheet you are
  162. // currently iterating on, otherwise the browser will be stuck
  163. // in a infinite loop…
  164. for (const mediaRule of mediaRules) {
  165. styleSheet.insertRule(mediaRule.cssText)
  166. hasDarkRules = true
  167. }
  168. }
  169. if (hasDarkRules) {
  170. loadThemeForm('#theme-selector')
  171. }
  172. })
  173. </script>
  174. </body>
  175. </html>