<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 480" width="100%" height="100%">
  <defs>
    <style>
      .bg { fill: #fbfbf9; }
      .bar-payments { fill: #b45309; }
      .bar-cloud { fill: #111315; }
      .bar-ai { fill: #0f766e; }
      .bar-banking { fill: #1d4ed8; }
      .bar-other { fill: #9aa0a6; }
      .title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-weight: 800; font-size: 14px; fill: #111315; text-transform: uppercase; letter-spacing: 0.05em; }
      .label { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-weight: 600; font-size: 12px; fill: #111315; }
      .value { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; font-size: 11.5px; fill: #111315; font-weight: 700; }
      .mono { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; font-size: 11px; fill: #6c727d; }
      .grid { stroke: #eeeee8; stroke-width: 1; }
      .card { fill: #ffffff; stroke: #e6e6df; stroke-width: 1.5; rx: 4px; }
    </style>
  </defs>

  <rect width="800" height="480" class="bg" />

  <!-- Header -->
  <text x="40" y="38" class="title">MONEY20/20 USA 2026 EXHIBITOR COMPOSITION (N=312)</text>
  <text x="40" y="58" class="mono">Empirical Taxonomy Distribution Across Verified Event Directory Records</text>

  <!-- Horizontal Grid Lines -->
  <line x1="260" y1="85" x2="740" y2="85" class="grid" />
  <line x1="260" y1="130" x2="740" y2="130" class="grid" />
  <line x1="260" y1="175" x2="740" y2="175" class="grid" />
  <line x1="260" y1="220" x2="740" y2="220" class="grid" />
  <line x1="260" y1="265" x2="740" y2="265" class="grid" />
  <line x1="260" y1="310" x2="740" y2="310" class="grid" />
  <line x1="260" y1="355" x2="740" y2="355" class="grid" />

  <!-- Bar 1: Payments -->
  <text x="40" y="112" class="label">Payments &amp; Processing</text>
  <rect x="260" y="96" width="345" height="24" class="bar-payments" rx="2" />
  <text x="615" y="113" class="value">72 (23.1%)</text>

  <!-- Bar 2: Cloud / Enterprise IT -->
  <text x="40" y="157" class="label">Enterprise Cloud &amp; Core IT</text>
  <rect x="260" y="141" width="283" height="24" class="bar-cloud" rx="2" />
  <text x="553" y="158" class="value">59 (18.9%)</text>

  <!-- Bar 3: Data & AI -->
  <text x="40" y="202" class="label">Data, Analytics &amp; AI</text>
  <rect x="260" y="186" width="220" height="24" class="bar-ai" rx="2" />
  <text x="490" y="203" class="value">46 (14.7%)</text>

  <!-- Bar 4: Banking Infrastructure -->
  <text x="40" y="247" class="label">Banking &amp; BaaS Rails</text>
  <rect x="260" y="231" width="168" height="24" class="bar-banking" rx="2" />
  <text x="438" y="248" class="value">35 (11.2%)</text>

  <!-- Bar 5: RegTech & Security -->
  <text x="40" y="292" class="label">RegTech, KYC &amp; Cybersecurity</text>
  <rect x="260" y="276" width="105" height="24" class="bar-ai" rx="2" />
  <text x="375" y="293" class="value">22 (7.1%)</text>

  <!-- Bar 6: Digital Assets -->
  <text x="40" y="337" class="label">Digital Assets &amp; Stablecoins</text>
  <rect x="260" y="321" width="67" height="24" class="bar-other" rx="2" />
  <text x="337" y="338" class="value">14 (4.5%)</text>

  <!-- Bar 7: Consumer / BNPL / Retail -->
  <text x="40" y="382" class="label">Consumer Finance &amp; BNPL</text>
  <rect x="260" y="366" width="58" height="24" class="bar-other" rx="2" />
  <text x="328" y="383" class="value">12 (3.8%)</text>

  <!-- Summary Footer Callout -->
  <rect x="40" y="415" width="720" height="48" class="card" />
  <text x="55" y="437" class="title" font-size="12" fill="#b45309">INFRASTRUCTURE DOMINANCE:</text>
  <text x="250" y="437" class="label">Over 67.9% of commercial exhibitors build backend processing, cloud, and banking infrastructure.</text>
  <text x="55" y="454" class="mono">TechCurrent Empirical Directory Study · Source: C:/Codex Projects/TechIndex.co/data-imports/money2020-2026.csv</text>
</svg>
