<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 320" role="img" aria-labelledby="t-gap">
  <title id="t-gap">Écart entre data centers planifiés et réellement construits aux États-Unis en 2026</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>
    <style>
      .bar-bg { fill: #e8e0d4; }
      .bar-built { fill: url(#otium-grad); }
      .bar-cancelled { fill: #1a1a1a; opacity: 0.15; stroke: #1a1a1a; stroke-width: 1.5; stroke-dasharray: 6,4; }
      .title { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; fill: #1a1a1a; letter-spacing: 1px; text-transform: uppercase; }
      .label-row { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 600; fill: #1a1a1a; }
      .label-sub { font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; fill: #555; }
      .label-amt { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 800; fill: #f5f1eb; }
      .label-amt-dark { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 800; fill: #1a1a1a; }
      .big-num { font-family: 'Montserrat', sans-serif; font-size: 48px; font-weight: 900; fill: url(#otium-grad); }
      .big-label { font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; fill: #555; }
    </style>
  </defs>

  <text x="30" y="35" class="title">Data centers IA aux États-Unis en 2026 · GW planifiés vs construits</text>

  <text x="30" y="85" class="label-row">Capacité planifiée pour 2026</text>
  <rect x="30" y="100" width="840" height="54" class="bar-bg" />
  <rect x="30" y="100" width="840" height="54" class="bar-cancelled" />
  <text x="840" y="132" text-anchor="end" class="label-amt-dark">12 GW</text>

  <text x="30" y="195" class="label-row">Réellement en construction active</text>
  <rect x="30" y="210" width="840" height="54" class="bar-bg" />
  <rect x="30" y="210" width="350" height="54" class="bar-built" />
  <text x="370" y="242" text-anchor="end" class="label-amt">5 GW</text>

  <text x="30" y="300" class="big-label">~58 % des projets annulés ou reportés — la cause n'est pas la demande, c'est le réseau électrique</text>
</svg>
