<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 820 392" width="820" height="392" role="img" aria-labelledby="t d" font-family="'Manrope', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif">
  <title id="t">Market cap is price times circulating supply</title>
  <desc id="d">Market cap equals a coin's price multiplied by its circulating supply. A coin with a high price and small supply can be the same size as a coin with a tiny price and a huge supply, which is why price alone is misleading.</desc>
  <rect x="0" y="0" width="820" height="392" rx="14" fill="#ffffff"/>
  <text x="40" y="52" font-size="26" font-weight="800" fill="#0F172A">Market Cap = Price × Supply</text>
  <text x="40" y="80" font-size="15" fill="#5A6578">A low price can still be a huge coin, which is why price alone misleads</text>

  <text x="410" y="124" font-size="13" fill="#94A3B8" text-anchor="middle">price  ×  circulating supply  =  market cap</text>

  <!-- row A -->
  <g font-family="'JetBrains Mono', ui-monospace, monospace" font-size="15" font-weight="700" text-anchor="middle">
    <rect x="150" y="146" width="120" height="46" rx="9" fill="#F6F8FB" stroke="#CBD5E1"/><text x="210" y="175" fill="#0F172A">$40,000</text>
    <text x="292" y="175" font-family="'Manrope'" fill="#94A3B8">×</text>
    <rect x="314" y="146" width="120" height="46" rx="9" fill="#F6F8FB" stroke="#CBD5E1"/><text x="374" y="175" fill="#0F172A">2.5M</text>
    <text x="456" y="175" font-family="'Manrope'" fill="#94A3B8">=</text>
    <rect x="478" y="146" width="130" height="46" rx="9" fill="#F0F7FE" stroke="#0284C7"/><text x="543" y="175" fill="#0284C7">$100B</text>
  </g>
  <text x="210" y="214" font-size="12" fill="#5A6578" text-anchor="middle">high price, small supply</text>

  <!-- row B -->
  <g font-family="'JetBrains Mono', ui-monospace, monospace" font-size="15" font-weight="700" text-anchor="middle">
    <rect x="150" y="240" width="120" height="46" rx="9" fill="#F6F8FB" stroke="#CBD5E1"/><text x="210" y="269" fill="#0F172A">$0.05</text>
    <text x="292" y="269" font-family="'Manrope'" fill="#94A3B8">×</text>
    <rect x="314" y="240" width="120" height="46" rx="9" fill="#F6F8FB" stroke="#CBD5E1"/><text x="374" y="269" fill="#0F172A">2,000B</text>
    <text x="456" y="269" font-family="'Manrope'" fill="#94A3B8">=</text>
    <rect x="478" y="240" width="130" height="46" rx="9" fill="#F0F7FE" stroke="#0284C7"/><text x="543" y="269" fill="#0284C7">$100B</text>
  </g>
  <text x="210" y="308" font-size="12" fill="#5A6578" text-anchor="middle">low price, huge supply</text>

  <text x="410" y="358" font-size="13" fill="#5A6578" text-anchor="middle">Same size, very different prices. CFGI scores sentiment per asset, whatever the cap.</text>
</svg>
