File size: 8,753 Bytes
dd9cc5f
5953820
dd9cc5f
 
0a9ba8f
332ee71
dd9cc5f
 
 
0a9ba8f
bc82423
cffc66d
 
 
bc82423
 
 
45cd126
bc82423
 
 
 
 
0a9ba8f
 
 
bc82423
 
f8a28ba
bc82423
5953820
 
bc82423
 
 
fb8b04c
7d17f4c
 
 
 
 
 
eb37cb4
7d17f4c
 
 
fb8b04c
96c9169
 
 
 
 
5953820
96c9169
 
 
d2098a1
 
 
 
 
 
eb37cb4
d2098a1
 
 
bc82423
 
7501d78
 
 
 
5953820
bc82423
 
0a9ba8f
e73429a
 
7501d78
 
 
 
5953820
e73429a
 
 
bc82423
 
 
 
a4ad7b8
8476890
5953820
 
 
 
 
99f5d9c
a4ad7b8
8c0da88
14c8f5e
8c0da88
 
 
 
 
0eeec33
 
 
 
 
 
 
a4ad7b8
f032aa0
99f5d9c
bc82423
 
 
 
 
ae05d04
1761dae
0f0fa71
c635c46
def7ecc
bc82423
 
 
 
 
 
 
 
 
 
 
f8a28ba
7cbd168
 
 
 
 
 
f8a28ba
 
 
 
 
 
5d7e158
 
 
b942648
cdbdf97
5d7e158
 
f8a28ba
 
 
bc82423
e103846
 
 
 
 
 
 
 
 
 
 
 
 
 
bc82423
 
 
 
 
 
 
 
 
 
5953820
 
bc82423
 
 
 
ba50cf6
 
 
bc82423
 
 
 
 
 
 
33766f6
bc82423
 
 
33766f6
 
 
 
 
 
 
0a9ba8f
da2e96c
bc82423
dd9cc5f
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
<!doctype html>
<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>&nbsp;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>