<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 820 437" width="820" height="437" 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">Fear and Greed Index vs the VIX</title>
  <desc id="d">Diagram contrasting the VIX, a one-directional fear/volatility gauge for US stocks, with the two-sided Fear and Greed Index.</desc>
  <rect x="0" y="0" width="820" height="437" rx="14" fill="#ffffff"/>
  <text x="44" y="60" font-size="25" font-weight="800" fill="#0F172A">Fear and Greed Index vs the VIX</text>
  <text x="44" y="92" font-size="14.5" fill="#5A6578">The VIX measures expected stock volatility; the Fear and Greed Index measures crowd sentiment from 0</text>
  <text x="44" y="113" font-size="14.5" fill="#5A6578">to 100. They are related but not the same.</text>
<rect x="44" y="147" width="346" height="198" rx="12" fill="#F6F8FB"/>
  <text x="66" y="181" font-size="17" font-weight="800" fill="#0F172A">VIX</text>
  <text x="66" y="202" font-size="12.5" fill="#5A6578">S&amp;P 500 · expected volatility</text>
  <rect x="66.0" y="229" width="135.9" height="16" rx="4" fill="#CBE5F7"/>
  <rect x="201.9" y="229" width="90.6" height="16"  fill="#F97316"/>
  <rect x="292.5" y="229" width="75.5" height="16" rx="4" fill="#DC2626"/>
  <circle cx="132.4" cy="237" r="9" fill="#ffffff" stroke="#0F172A" stroke-width="3"/>
  <text x="66" y="269" font-size="11.5" font-weight="700" fill="#0284C7">calm</text>
  <text x="368" y="269" font-size="11.5" font-weight="700" fill="#DC2626" text-anchor="end">fear</text>
  <text x="66" y="297" font-size="13" fill="#334155">Only measures fear, only for stocks.</text>
  <rect x="430" y="147" width="346" height="198" rx="12" fill="#F6F8FB"/>
  <text x="452" y="181" font-size="17" font-weight="800" fill="#0F172A">Fear and Greed Index</text>
  <text x="452" y="202" font-size="12.5" fill="#5A6578">Whole market · sentiment</text>
  <rect x="452.0" y="229" width="60.4" height="16" rx="4" fill="#DC2626"/>
  <rect x="512.4" y="229" width="60.4" height="16"  fill="#F97316"/>
  <rect x="572.8" y="229" width="60.4" height="16"  fill="#EAB308"/>
  <rect x="633.2" y="229" width="60.4" height="16"  fill="#22C55E"/>
  <rect x="693.6" y="229" width="60.4" height="16" rx="4" fill="#15803D"/>
  <circle cx="627.2" cy="237" r="9" fill="#ffffff" stroke="#0F172A" stroke-width="3"/>
  <text x="452" y="269" font-size="11.5" font-weight="700" fill="#DC2626">Fear</text>
  <text x="754" y="269" font-size="11.5" font-weight="700" fill="#15803D" text-anchor="end">Greed</text>
  <text x="452" y="297" font-size="13" fill="#334155">Reads the crowd’s mood across a whole</text>
  <text x="452" y="314" font-size="13" fill="#334155">market.</text>
  <text x="410" y="375" font-size="13.5" fill="#334155" text-anchor="middle"><tspan font-weight="800" fill="#0F172A">The key difference</tspan>: the VIX has no greed side and covers US stocks only; the index spans fear to greed.</text>
  <line x1="44" y1="401" x2="776" y2="401" stroke="#0F172A" stroke-opacity="0.08"/>
  <text x="44" y="423" font-size="12.5" fill="#5A6578">Source: <tspan font-weight="700" fill="#0F172A">CFGI</tspan></text>
  <text x="776" y="423" font-size="12.5" fill="#0284C7" text-anchor="end" font-weight="700">Markets</text>
</svg>
