s-ttp commited on
Commit
2bdc78a
·
verified ·
1 Parent(s): ce24482

Add backtest equity-curve chart (Slipstream vs SPY) to research tab

Browse files
Files changed (2) hide show
  1. static/app.css +8 -0
  2. static/index.html +5 -0
static/app.css CHANGED
@@ -159,3 +159,11 @@ dialog::backdrop{background:#000a}
159
  .dk small{font-family:var(--mono);font-size:11px;color:var(--faint)}
160
  .doc-list{font-size:14px;line-height:1.7;color:#c7d2e2;padding-left:20px}
161
  .doc-list li{margin:8px 0}
 
 
 
 
 
 
 
 
 
159
  .dk small{font-family:var(--mono);font-size:11px;color:var(--faint)}
160
  .doc-list{font-size:14px;line-height:1.7;color:#c7d2e2;padding-left:20px}
161
  .doc-list li{margin:8px 0}
162
+
163
+ /* ---------- doc backtest chart ---------- */
164
+ .doc-chart{margin:18px 0;background:#0b1220;border:1px solid var(--line);border-radius:12px;padding:14px 16px 8px}
165
+ .dc-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:8px}
166
+ .dc-title{font-size:13px;color:var(--ink);font-weight:600}
167
+ .dc-leg{font-family:var(--mono);font-size:11.5px;color:var(--muted);display:inline-flex;align-items:center}
168
+ .dc-leg i{width:15px;height:3px;border-radius:2px;display:inline-block;margin-right:5px;vertical-align:middle}
169
+ .dc-svg{width:100%;height:auto;display:block}
static/index.html CHANGED
@@ -112,6 +112,11 @@
112
  <div class="dk"><span>Years beat SPY</span><b>8 / 13</b><small></small></div>
113
  <div class="dk"><span>In momentum</span><b>23%</b><small>of months</small></div>
114
  </div>
 
 
 
 
 
115
  <table class="doc-table wide">
116
  <thead><tr><th>Regime</th><th>Fund CAGR</th><th>SPY</th><th>Excess</th><th>Sharpe</th></tr></thead>
117
  <tbody>
 
112
  <div class="dk"><span>Years beat SPY</span><b>8 / 13</b><small></small></div>
113
  <div class="dk"><span>In momentum</span><b>23%</b><small>of months</small></div>
114
  </div>
115
+ <figure class="doc-chart">
116
+ <div class="dc-head"><span class="dc-title">Growth of $100 — Slipstream vs SPY</span>
117
+ <span class="dc-leg"><i class="lg-fund"></i> Slipstream <i class="lg-spy" style="margin-left:12px"></i> SPY <span class="faint" style="margin-left:12px">2014–2026 · net of cost · log scale</span></span></div>
118
+ <svg viewBox="0 0 1000 300" class="dc-svg" preserveAspectRatio="none" role="img" aria-label="Growth of $100, Slipstream versus SPY, log scale, 2014 to 2026"><defs><linearGradient id="dcg" x1="0" x2="0" y1="0" y2="1"><stop offset="0" stop-color="#37b8a4" stop-opacity="0.14"/><stop offset="1" stop-color="#37b8a4" stop-opacity="0"/></linearGradient></defs><line x1="48" y1="264.6" x2="986" y2="264.6" stroke="#1e2c42"/><text x="41" y="267.6" fill="#5d6b83" font-size="10" text-anchor="end" font-family="monospace">100</text><line x1="48" y1="220.4" x2="986" y2="220.4" stroke="#1e2c42"/><text x="41" y="223.4" fill="#5d6b83" font-size="10" text-anchor="end" font-family="monospace">150</text><line x1="48" y1="189.1" x2="986" y2="189.1" stroke="#1e2c42"/><text x="41" y="192.1" fill="#5d6b83" font-size="10" text-anchor="end" font-family="monospace">200</text><line x1="48" y1="144.9" x2="986" y2="144.9" stroke="#1e2c42"/><text x="41" y="147.9" fill="#5d6b83" font-size="10" text-anchor="end" font-family="monospace">300</text><line x1="48" y1="89.2" x2="986" y2="89.2" stroke="#1e2c42"/><text x="41" y="92.2" fill="#5d6b83" font-size="10" text-anchor="end" font-family="monospace">500</text><line x1="48" y1="52.5" x2="986" y2="52.5" stroke="#1e2c42"/><text x="41" y="55.5" fill="#5d6b83" font-size="10" text-anchor="end" font-family="monospace">700</text><line x1="48" y1="13.6" x2="986" y2="13.6" stroke="#1e2c42"/><text x="41" y="16.6" fill="#5d6b83" font-size="10" text-anchor="end" font-family="monospace">1000</text><polygon points="48,274 48.0,269.5 54.2,256.2 60.4,256.5 66.6,256.2 72.8,251.4 79.1,250.5 85.3,250.4 91.5,247.9 97.7,248.1 103.9,243.9 110.1,240.9 116.3,242.5 122.5,247.1 128.8,240.2 135.0,244.4 141.2,239.7 147.4,239.7 153.6,243.8 159.8,238.9 166.0,244.5 172.2,250.1 178.5,247.2 184.7,245.1 190.9,246.1 197.1,256.7 203.3,257.5 209.5,250.6 215.7,251.0 221.9,248.2 228.1,251.5 234.4,243.7 240.6,242.1 246.8,239.5 253.0,239.5 259.2,241.9 265.4,240.8 271.6,235.5 277.8,229.7 284.1,228.8 290.3,223.3 296.5,220.3 302.7,221.5 308.9,215.5 315.1,214.0 321.3,211.5 327.5,207.6 333.7,207.4 340.0,206.4 346.2,197.0 352.4,200.7 358.6,203.0 364.8,200.3 371.0,194.4 377.2,194.9 383.4,191.0 389.7,189.4 395.9,190.3 402.1,201.4 408.3,203.4 414.5,215.1 420.7,202.0 426.9,195.8 433.1,195.2 439.4,191.9 445.6,201.1 451.8,195.2 458.0,190.5 464.2,191.4 470.4,193.3 476.6,189.9 482.8,183.7 489.0,179.7 495.3,178.3 501.5,183.3 507.7,195.0 513.9,177.3 520.1,167.9 526.3,158.6 532.5,151.4 538.7,139.5 545.0,145.6 551.2,145.5 557.4,139.0 563.6,139.6 569.8,140.7 576.0,136.5 582.2,133.3 588.4,124.9 594.6,124.7 600.9,120.7 607.1,117.3 613.3,113.4 619.5,120.8 625.7,114.0 631.9,116.8 638.1,113.3 644.3,116.0 650.6,120.9 656.8,113.6 663.0,122.6 669.2,115.3 675.4,132.9 681.6,123.7 687.8,120.6 694.0,135.5 700.3,120.2 706.5,120.7 712.7,129.6 718.9,127.0 725.1,133.9 731.3,122.8 737.5,121.1 743.7,121.1 749.9,117.7 756.2,111.3 762.4,107.0 768.6,113.8 774.8,117.2 781.0,109.4 787.2,107.0 793.4,106.1 799.6,100.2 805.9,94.4 812.1,101.3 818.3,97.4 824.5,90.3 830.7,89.4 836.9,89.5 843.1,87.9 849.3,82.2 855.5,77.9 861.8,76.7 868.0,70.6 874.2,76.5 880.4,83.0 886.6,79.3 892.8,67.7 899.0,57.9 905.2,54.7 911.5,54.5 917.7,50.5 923.9,46.0 930.1,46.4 936.3,48.0 942.5,46.7 948.7,52.1 954.9,56.9 961.2,37.0 967.4,21.1 973.6,27.6 979.8,22.7 986.0,20.3 986,274" fill="url(#dcg)"/><polyline points="48.0,268.5 54.2,263.7 60.4,262.8 66.6,262.1 72.8,259.5 79.1,257.3 85.3,258.8 91.5,254.6 97.7,256.1 103.9,253.6 110.1,250.6 116.3,250.8 122.5,254.2 128.8,248.2 135.0,249.9 141.2,248.8 147.4,247.4 153.6,249.7 159.8,247.3 166.0,254.2 172.2,257.0 178.5,248.0 184.7,247.6 190.9,249.5 197.1,255.1 203.3,255.2 209.5,248.1 215.7,247.6 221.9,245.8 228.1,245.4 234.4,241.5 240.6,241.4 246.8,241.4 253.0,243.3 259.2,239.4 265.4,237.1 271.6,235.2 277.8,231.0 284.1,230.9 290.3,229.9 296.5,228.3 302.7,227.6 308.9,225.3 315.1,225.0 321.3,222.9 327.5,220.4 333.7,217.1 340.0,215.7 346.2,209.8 352.4,213.8 358.6,216.9 364.8,216.3 371.0,213.7 377.2,213.1 383.4,209.1 389.7,205.7 395.9,205.0 402.1,212.8 408.3,210.8 414.5,220.8 420.7,212.5 426.9,208.9 433.1,207.0 439.4,202.6 445.6,209.9 451.8,202.5 458.0,200.9 464.2,202.7 470.4,200.6 476.6,198.2 482.8,194.3 489.0,191.2 495.3,191.3 501.5,200.3 507.7,214.8 513.9,201.7 520.1,196.6 526.3,194.7 532.5,188.5 538.7,181.1 545.0,185.3 551.2,188.1 557.4,176.8 563.6,172.8 569.8,173.9 576.0,170.9 582.2,166.1 588.4,160.5 594.6,159.8 600.9,157.3 607.1,154.7 613.3,151.6 619.5,156.7 625.7,149.3 631.9,150.2 638.1,145.3 644.3,151.2 650.6,154.4 656.8,150.4 663.0,160.4 669.2,160.2 675.4,169.6 681.6,160.0 687.8,164.5 694.0,175.1 700.3,166.6 706.5,160.7 712.7,167.1 718.9,160.5 725.1,163.3 731.3,159.3 737.5,157.6 743.7,157.1 749.9,150.2 756.2,146.7 762.4,148.5 768.6,153.8 774.8,156.2 781.0,146.7 787.2,141.8 793.4,140.1 799.6,134.5 805.9,131.0 812.1,135.5 818.3,130.1 824.5,126.3 830.7,125.0 836.9,122.5 843.1,120.2 849.3,121.2 855.5,114.9 861.8,117.6 868.0,114.7 874.2,116.1 880.4,122.3 886.6,123.3 892.8,116.6 899.0,111.1 905.2,108.7 911.5,106.5 917.7,102.7 923.9,100.1 930.1,99.9 936.3,99.8 942.5,98.2 948.7,99.1 954.9,104.7 961.2,93.8 967.4,88.2 973.6,89.3 979.8,89.3 986.0,86.0" fill="none" stroke="#5d6b83" stroke-width="1.6" stroke-dasharray="4 3"/><polyline points="48.0,269.5 54.2,256.2 60.4,256.5 66.6,256.2 72.8,251.4 79.1,250.5 85.3,250.4 91.5,247.9 97.7,248.1 103.9,243.9 110.1,240.9 116.3,242.5 122.5,247.1 128.8,240.2 135.0,244.4 141.2,239.7 147.4,239.7 153.6,243.8 159.8,238.9 166.0,244.5 172.2,250.1 178.5,247.2 184.7,245.1 190.9,246.1 197.1,256.7 203.3,257.5 209.5,250.6 215.7,251.0 221.9,248.2 228.1,251.5 234.4,243.7 240.6,242.1 246.8,239.5 253.0,239.5 259.2,241.9 265.4,240.8 271.6,235.5 277.8,229.7 284.1,228.8 290.3,223.3 296.5,220.3 302.7,221.5 308.9,215.5 315.1,214.0 321.3,211.5 327.5,207.6 333.7,207.4 340.0,206.4 346.2,197.0 352.4,200.7 358.6,203.0 364.8,200.3 371.0,194.4 377.2,194.9 383.4,191.0 389.7,189.4 395.9,190.3 402.1,201.4 408.3,203.4 414.5,215.1 420.7,202.0 426.9,195.8 433.1,195.2 439.4,191.9 445.6,201.1 451.8,195.2 458.0,190.5 464.2,191.4 470.4,193.3 476.6,189.9 482.8,183.7 489.0,179.7 495.3,178.3 501.5,183.3 507.7,195.0 513.9,177.3 520.1,167.9 526.3,158.6 532.5,151.4 538.7,139.5 545.0,145.6 551.2,145.5 557.4,139.0 563.6,139.6 569.8,140.7 576.0,136.5 582.2,133.3 588.4,124.9 594.6,124.7 600.9,120.7 607.1,117.3 613.3,113.4 619.5,120.8 625.7,114.0 631.9,116.8 638.1,113.3 644.3,116.0 650.6,120.9 656.8,113.6 663.0,122.6 669.2,115.3 675.4,132.9 681.6,123.7 687.8,120.6 694.0,135.5 700.3,120.2 706.5,120.7 712.7,129.6 718.9,127.0 725.1,133.9 731.3,122.8 737.5,121.1 743.7,121.1 749.9,117.7 756.2,111.3 762.4,107.0 768.6,113.8 774.8,117.2 781.0,109.4 787.2,107.0 793.4,106.1 799.6,100.2 805.9,94.4 812.1,101.3 818.3,97.4 824.5,90.3 830.7,89.4 836.9,89.5 843.1,87.9 849.3,82.2 855.5,77.9 861.8,76.7 868.0,70.6 874.2,76.5 880.4,83.0 886.6,79.3 892.8,67.7 899.0,57.9 905.2,54.7 911.5,54.5 917.7,50.5 923.9,46.0 930.1,46.4 936.3,48.0 942.5,46.7 948.7,52.1 954.9,56.9 961.2,37.0 967.4,21.1 973.6,27.6 979.8,22.7 986.0,20.3" fill="none" stroke="#37b8a4" stroke-width="2.4"/><circle cx="986.0" cy="20.3" r="3.5" fill="#37b8a4"/><text x="982.0" y="12.3" fill="#3ed88f" font-size="11" text-anchor="end" font-family="monospace">$941</text><text x="982.0" y="100.0" fill="#8695ad" font-size="11" text-anchor="end" font-family="monospace">$515</text><text x="48.0" y="294" fill="#5d6b83" font-size="10" text-anchor="middle" font-family="monospace">2014</text><text x="197.1" y="294" fill="#5d6b83" font-size="10" text-anchor="middle" font-family="monospace">2016</text><text x="346.2" y="294" fill="#5d6b83" font-size="10" text-anchor="middle" font-family="monospace">2018</text><text x="495.3" y="294" fill="#5d6b83" font-size="10" text-anchor="middle" font-family="monospace">2020</text><text x="644.3" y="294" fill="#5d6b83" font-size="10" text-anchor="middle" font-family="monospace">2022</text><text x="793.4" y="294" fill="#5d6b83" font-size="10" text-anchor="middle" font-family="monospace">2024</text><text x="942.5" y="294" fill="#5d6b83" font-size="10" text-anchor="middle" font-family="monospace">2026</text></svg>
119
+ </figure>
120
  <table class="doc-table wide">
121
  <thead><tr><th>Regime</th><th>Fund CAGR</th><th>SPY</th><th>Excess</th><th>Sharpe</th></tr></thead>
122
  <tbody>