t<!DOCTYPE html> Investment Intelligence Dashboard — ANLY 512 Lab 1
<div id="price-header">
  <div>
    <span id="price-ticker" class="mono"></span>
    <span id="price-name"></span>
  </div>
  <div class="range-btns">
    <button class="range-btn" data-range="30">30D</button>
    <button class="range-btn active" data-range="60">60D</button>
    <button class="range-btn" data-range="90">90D</button>
  </div>
</div>
<canvas id="priceChart" height="200"></canvas>
<div id="vol-label">VOLUME</div>
<canvas id="volChart" height="55"></canvas>
<div id="metrics-card">
  <div class="label">KEY METRICS</div>
  <div id="metrics-body"></div>
</div>
<div id="rec-card">
  <div class="label">RECOMMENDATION</div>
  <div id="rec-ticker" class="mono"></div>
  <div id="rec-name"></div>
  <div id="rec-text"></div>
</div>
<div class="label" id="comp-label">NORMALIZED RETURN COMPARISON (60D)</div>
<canvas id="compChart" height="200"></canvas>
<div class="legend" id="comp-legend"></div>
<div class="label">30D vs 90D RETURNS</div>
<canvas id="retChart" height="200"></canvas>
<div class="legend">
  <div class="legend-item"><div class="legend-sq" style="background:#4cc9f0"></div><span style="color:var(--sub)">30-Day</span></div>
  <div class="legend-item"><div class="legend-sq" style="background:#818cf8"></div><span style="color:var(--sub)">90-Day</span></div>
</div>
FUNDAMENTAL COMPARISON
Ticker Company Sector Price P/E EPS Mkt Cap Div Yield 30D Ret 90D Ret
ANALYSIS SUMMARY