Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <title>FinVerse Leaderboard</title> | |
| <link rel="stylesheet" href="style.css" /> | |
| </head> | |
| <body> | |
| <header class="topbar"> | |
| <div class="brand"> | |
| <div class="brand-mark"> | |
| <img src="assets/LG%20AI%20Research_LOGO_E_BASIC.png" alt="LG AI Research" /> | |
| </div> | |
| <span class="brand-divider" aria-hidden="true"></span> | |
| <div class="brand-text"> | |
| <h1><span>FinVerse</span> Leaderboard</h1> | |
| <p>Time-Series Foundation Models · Financial Benchmark</p> | |
| </div> | |
| </div> | |
| <div class="meta"> | |
| <span id="model-count" class="pill">0 models</span> | |
| <span id="updated" class="muted"></span> | |
| </div> | |
| </header> | |
| <nav class="viewtabs" id="viewtabs"> | |
| <button type="button" data-view="overview" class="active">Overview</button> | |
| <button type="button" data-view="overview-plot">Overview Plot</button> | |
| <button type="button" data-view="metrics">Metrics</button> | |
| <button type="button" data-view="strength">Strength Map</button> | |
| <button type="button" data-view="leaderboard-guide">Leaderboard Guide</button> | |
| </nav> | |
| <div class="content"> | |
| <aside id="sidebar" class="sidebar"> | |
| <div id="model-filter-card" class="specbar"> | |
| <div class="specbar-head"> | |
| <button class="specbar-title collapse-trigger" type="button" data-collapse-target="model-toggles" aria-expanded="true"> | |
| <span>Model</span> | |
| <span class="collapse-mark" aria-hidden="true">-</span> | |
| </button> | |
| <button id="toggle-all-models" class="ghost-btn" type="button">Deselect all</button> | |
| </div> | |
| <div id="model-toggles" class="toggle-group"></div> | |
| </div> | |
| <div id="metric-filter-card" class="specbar"> | |
| <div class="specbar-head"> | |
| <button class="specbar-title collapse-trigger" type="button" data-collapse-target="metric-toggles" aria-expanded="true"> | |
| <span>Metric</span> | |
| <span class="collapse-mark" aria-hidden="true">-</span> | |
| </button> | |
| <button id="toggle-all-metrics" class="ghost-btn" type="button">Deselect all</button> | |
| </div> | |
| <div id="metric-toggles" class="toggle-group"></div> | |
| </div> | |
| <div id="metric-option-card" class="specbar"> | |
| <div class="specbar-head"> | |
| <button class="specbar-title collapse-trigger" type="button" data-collapse-target="metric-option-toggles" aria-expanded="true"> | |
| <span>Metric Additional Option</span> | |
| <span class="collapse-mark" aria-hidden="true">-</span> | |
| </button> | |
| <button id="toggle-all-metric-options" class="ghost-btn" type="button">Deselect all</button> | |
| </div> | |
| <div id="metric-option-toggles" class="toggle-group"></div> | |
| </div> | |
| <div class="specbar"> | |
| <div class="specbar-head"> | |
| <button class="specbar-title collapse-trigger" type="button" data-collapse-target="spec-toggles" aria-expanded="true"> | |
| <span>Detail Category</span> | |
| <span class="collapse-mark" aria-hidden="true">-</span> | |
| </button> | |
| <button id="toggle-all-specs" class="ghost-btn" type="button">Deselect all</button> | |
| </div> | |
| <div id="spec-toggles" class="toggle-group"></div> | |
| </div> | |
| <div class="specbar"> | |
| <div class="specbar-head"> | |
| <button class="specbar-title collapse-trigger" type="button" data-collapse-target="frequency-toggles" aria-expanded="true"> | |
| <span>Frequency</span> | |
| <span class="collapse-mark" aria-hidden="true">-</span> | |
| </button> | |
| <button id="toggle-all-frequencies" class="ghost-btn" type="button">Deselect all</button> | |
| </div> | |
| <div id="frequency-toggles" class="toggle-group"></div> | |
| </div> | |
| </aside> | |
| <main> | |
| <section id="panel-overview" class="panel"> | |
| <div class="overview-headline"> | |
| <p id="overview-mode-hint" class="hint overview-hint"> | |
| Overall rank is the sum of the <b>Point·Ranking·Decision</b> tier ranks. | |
| Each tier rank is ordered by the geometric mean K of metric ranks under the selected Detail Category and Frequency filters. | |
| Each cell is shown as <span class="cell-example"><span class="rankbadge hint-badge">A</span> <b>(B)</b></span>. <b>(B appears when the Detail Value toggle is on</b>). | |
| <b>A</b> is the tier rank, and <b>B</b> is the K score used to produce that rank. | |
| Lower <b>Rank sum</b> is better. | |
| </p> | |
| <div class="overview-toolbar"> | |
| <div class="switch-field"> | |
| <div class="switch-title">Detail Value</div> | |
| <label class="mode-switch" title="Show K score inside rank cells"> | |
| <input id="detail-rank-toggle" type="checkbox" checked /> | |
| <i aria-hidden="true"></i> | |
| </label> | |
| </div> | |
| <div class="switch-field"> | |
| <div class="switch-title">Model Info</div> | |
| <label class="mode-switch" title="Show organization column"> | |
| <input id="model-info-toggle" type="checkbox" checked /> | |
| <i aria-hidden="true"></i> | |
| </label> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="winner-strip" class="winner-strip"></div> | |
| <div class="table-wrap"> | |
| <table id="overview-table" class="board"> | |
| <thead> | |
| <tr> | |
| <th class="num" data-sort="pos">#</th> | |
| <th class="model-type-head" data-sort="model_type" title="Model Type"></th> | |
| <th data-sort="model">Model</th> | |
| <th data-sort="org">Organization</th> | |
| <th data-sort="model_size">Model size</th> | |
| <th data-sort="submit_time">Submit date</th> | |
| <th class="num" data-sort="pointwise">Point rank</th> | |
| <th class="num" data-sort="ic">Ranking rank</th> | |
| <th class="num" data-sort="portfolio">Decision rank</th> | |
| <th class="num" data-sort="overall">Rank sum ↓</th> | |
| </tr> | |
| </thead> | |
| <tbody id="overview-body"></tbody> | |
| </table> | |
| </div> | |
| </section> | |
| <section id="panel-overview-plot" class="panel" hidden> | |
| <section class="overview-plot"> | |
| <div class="plot-head"> | |
| <h2>Organization</h2> | |
| </div> | |
| <div id="organization-legend-body" class="plot-legend"></div> | |
| </section> | |
| <section id="overview-plot" class="overview-plot"> | |
| <div class="plot-head"> | |
| <h2>Overview Plot</h2> | |
| <p>Model size vs. Rank sum. Lower Rank sum is better.</p> | |
| </div> | |
| <div id="overview-plot-body" class="plot-body"></div> | |
| </section> | |
| <section class="overview-plot"> | |
| <div class="plot-head"> | |
| <h2>Rank Progress</h2> | |
| <p>Best tier K score available over submit dates under the current filters.</p> | |
| </div> | |
| <div id="metric-progress-body" class="metric-progress-grid"></div> | |
| </section> | |
| </section> | |
| <section id="panel-metrics" class="panel" hidden> | |
| <div class="overview-headline"> | |
| <p class="hint overview-hint"> | |
| View each metric group's arithmetic mean under the selected <b>Metric · Detail Category · Frequency</b> filters. | |
| </p> | |
| <div class="overview-toolbar"> | |
| <div class="switch-field"> | |
| <div class="switch-title">Model Info</div> | |
| <label class="mode-switch" title="Show organization column"> | |
| <input id="metrics-model-info-toggle" type="checkbox" checked /> | |
| <i aria-hidden="true"></i> | |
| </label> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="table-wrap"> | |
| <table class="board"> | |
| <thead id="metrics-head"></thead> | |
| <tbody id="metrics-body"></tbody> | |
| </table> | |
| </div> | |
| </section> | |
| <section id="panel-strength" class="panel" hidden> | |
| <p class="hint"> | |
| View Detail Category-level <b>K, the geometric mean of ranks</b>, under the selected <b>Metric · Target Type · Pred. Target · Detail Category · Frequency</b> filters. | |
| Green indicates strength, red indicates weakness, and lower values are better. | |
| </p> | |
| <div id="strength-body" class="smap-wrap"></div> | |
| </section> | |
| <section id="panel-leaderboard-guide" class="panel" hidden> | |
| <div id="leaderboard-guide-body"></div> | |
| </section> | |
| </main> | |
| </div> | |
| <div id="drawer-scrim" class="scrim" hidden></div> | |
| <aside id="detail" class="drawer" hidden> | |
| <div class="drawer-head"> | |
| <h2 id="detail-title"></h2> | |
| <button id="detail-close" class="ghost-btn" type="button">✕</button> | |
| </div> | |
| <div id="detail-body"></div> | |
| </aside> | |
| <aside id="detail2" class="drawer drawer2" hidden> | |
| <div class="drawer-head"> | |
| <h2 id="detail2-title"></h2> | |
| <button id="detail2-close" class="ghost-btn" type="button">✕</button> | |
| </div> | |
| <div id="detail2-body"></div> | |
| </aside> | |
| <footer class="site-footer">© LG AI Research. All rights reserved.</footer> | |
| <script src="app.js"></script> | |
| </body> | |
| </html> | |