<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 360" role="img" aria-labelledby="t-eau">
  <title id="t-eau">Consommation d'eau quotidienne d'un grand data center IA comparée à une ville</title>
  <defs>
    <linearGradient id="otium-grad" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#7B2DB8"/>
      <stop offset="50%" stop-color="#C73252"/>
      <stop offset="100%" stop-color="#F05E2C"/>
    </linearGradient>
    <linearGradient id="water-grad" x1="0%" y1="100%" x2="0%" y2="0%">
      <stop offset="0%" stop-color="#7B2DB8"/>
      <stop offset="100%" stop-color="#F05E2C"/>
    </linearGradient>
    <style>
      .title { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; fill: #1a1a1a; letter-spacing: 1px; text-transform: uppercase; }
      .label-col { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; fill: #1a1a1a; }
      .label-num { font-family: 'Montserrat', sans-serif; font-size: 42px; font-weight: 900; fill: url(#otium-grad); }
      .label-unit { font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; fill: #555; }
      .label-note { font-family: 'Montserrat', sans-serif; font-size: 12px; fill: #333; }
      .box { fill: #f5f1eb; stroke: #1a1a1a; stroke-width: 1.5; }
      .drop { fill: url(#water-grad); }
    </style>
  </defs>

  <text x="30" y="35" class="title">Un grand data center IA · consommation d'eau par jour</text>

  <rect x="30" y="65" width="260" height="240" class="box" rx="6" />
  <text x="160" y="100" text-anchor="middle" class="label-col">Data center 100 MW</text>
  <text x="160" y="170" text-anchor="middle" class="label-num">2,5</text>
  <text x="160" y="200" text-anchor="middle" class="label-unit">millions gal / jour</text>
  <text x="160" y="245" text-anchor="middle" class="label-note">≈ 9 500 m³ d'eau potable</text>
  <text x="160" y="265" text-anchor="middle" class="label-note">majoritairement évaporée</text>
  <text x="160" y="285" text-anchor="middle" class="label-note">pour refroidir les GPUs</text>

  <rect x="320" y="65" width="260" height="240" class="box" rx="6" />
  <text x="450" y="100" text-anchor="middle" class="label-col">Très gros site IA</text>
  <text x="450" y="170" text-anchor="middle" class="label-num">5</text>
  <text x="450" y="200" text-anchor="middle" class="label-unit">millions gal / jour</text>
  <text x="450" y="245" text-anchor="middle" class="label-note">soit l'équivalent d'une ville</text>
  <text x="450" y="265" text-anchor="middle" class="label-note">de 10 000 à 50 000 habitants</text>
  <text x="450" y="285" text-anchor="middle" class="label-note">en consommation domestique</text>

  <rect x="610" y="65" width="260" height="240" class="box" rx="6" />
  <text x="740" y="100" text-anchor="middle" class="label-col">Google (année entière)</text>
  <text x="740" y="170" text-anchor="middle" class="label-num">24&#8239;227</text>
  <text x="740" y="200" text-anchor="middle" class="label-unit">mégalitres en 2023</text>
  <text x="740" y="245" text-anchor="middle" class="label-note">+17 % par an</text>
  <text x="740" y="265" text-anchor="middle" class="label-note">3 × la consommation</text>
  <text x="740" y="285" text-anchor="middle" class="label-note">de Microsoft</text>

  <text x="30" y="345" class="label-note">Sources : EESI, The Register, IEEE Spectrum, Google Sustainability Report 2023.</text>
</svg>
