Hugging Face's logo

Spaces:
CamoAiLab
/
InferenceNet-Leaderboard
Running

App Files Community
zsss0316 commited on
Commit
76f044d
·
verified ·
1 Parent(s): 3ab0b46

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +100 -28
index.html CHANGED
@@ -4,38 +4,110 @@
4
  <meta charset="UTF-8">
5
  <title>Infernet Econometrics Benchmark Leaderboard</title>
6
  <style>
7
- body {font-family: Arial; max-width:1100px; margin:30px auto; padding:0 20px;}
8
- table {width:100%; border-collapse: collapse; margin:15px 0 40px;}
9
- th,td {border:1px solid #ccc; padding:10px; text-align:left;}
10
- th {background:#1f77b4; color:white;}
11
- .tab{margin:8px 4px;padding:8px 16px;border:1px solid #999;background:#eee;cursor:pointer;}
12
- .tab.active{background:#1f77b4;color:white;border-color:#1f77b4;}
13
- .panel{display:none;}
14
- .panel.show{display:block;}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
15
  </style>
16
  </head>
17
  <body>
18
- <h1>🏆 Infernet Econometrics Benchmark Leaderboard</h1>
19
- <p><strong>CamoAiLab | HKU CAMO</strong><br>
20
- Dataset: <a href="https://huggingface.co/datasets/CamoAiLab/Infernet">CamoAiLab/Infernet</a>
21
- </p>
 
 
22
 
23
- <div>
24
- <button class="tab active" onclick="switchTab(0)">1. Compilation Success Rate</button>
25
- <button class="tab" onclick="switchTab(1)">2. Partial Replication Rate</button>
26
- <button class="tab" onclick="switchTab(2)">3. Correct Coefficient Direction</button>
27
- </div>
28
 
29
- <div class="panel show" id="panel-compile"></div>
30
- <div class="panel" id="panel-rep"></div>
31
- <div class="panel" id="panel-dir"></div>
32
 
33
- <h3>📌 Metric Definition</h3>
34
- <ul>
35
- <li><strong>Compilation Success:</strong> Generated code runs without runtime errors.</li>
36
- <li><strong>Partial Replication:</strong> Partially reproduce target estimation results.</li>
37
- <li><strong>Correct Coefficient Direction:</strong> Correct sign of estimated coefficients.</li>
38
- </ul>
 
 
 
 
 
 
39
 
40
  <script>
41
  const panels = document.querySelectorAll(".panel");
@@ -77,7 +149,7 @@ function buildTable(title, data, sortKey){
77
  return html;
78
  }
79
 
80
- // 读取space��地csv，不再跨域访问dataset
81
  const csvUrl = "./results.csv";
82
 
83
  async function loadData(){
@@ -109,7 +181,7 @@ async function loadData(){
109
  );
110
  } catch(err){
111
  console.error("load csv error",err);
112
- document.body.insertAdjacentHTML("beforeend",`<p style='color:red'>Failed to load ranking data: ${err.message}</p>`);
113
  }
114
  }
115
  loadData();
 
4
  <meta charset="UTF-8">
5
  <title>Infernet Econometrics Benchmark Leaderboard</title>
6
  <style>
7
+ * {
8
+ box-sizing: border-box;
9
+ }
10
+ body {
11
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans‑serif;
12
+ max-width: 1160px;
13
+ margin: 40px auto;
14
+ padding: 0 24px;
15
+ background-color: #f5f7fa;
16
+ }
17
+ .container {
18
+ background: #ffffff;
19
+ padding: 32px;
20
+ border-radius: 14px;
21
+ box-shadow: 0 2px 14px rgba(0, 0, 0, 0.07);
22
+ }
23
+ h1 {
24
+ color: #111827;
25
+ text-align: center;
26
+ margin-top:0;
27
+ }
28
+ .header-desc {
29
+ text-align:center;
30
+ color:#4b5563;
31
+ margin-bottom:28px;
32
+ }
33
+ table {
34
+ width:100%;
35
+ border-collapse: collapse;
36
+ margin:16px 0 36px;
37
+ }
38
+ th,td {
39
+ border:1px solid #d1d5db;
40
+ padding:12px 14px;
41
+ text-align:left;
42
+ }
43
+ th {
44
+ background:#2563eb;
45
+ color:#ffffff;
46
+ }
47
+ tr:nth-child(even){
48
+ background-color:#f9fafb;
49
+ }
50
+ .tab-wrap{
51
+ margin-bottom:12px;
52
+ }
53
+ .tab{
54
+ margin:6px 4px;
55
+ padding:10px 20px;
56
+ border:1px solid #cbd5e1;
57
+ background:#e2e8f0;
58
+ border-radius:8px;
59
+ cursor:pointer;
60
+ font-size:15px;
61
+ }
62
+ .tab.active{
63
+ background:#2563eb;
64
+ color:white;
65
+ border-color:#2563eb;
66
+ }
67
+ .panel{
68
+ display:none;
69
+ }
70
+ .panel.show{
71
+ display:block;
72
+ }
73
+ .metric-block{
74
+ margin-top:30px;
75
+ padding:20px;
76
+ background-color:#f8fafc;
77
+ border-radius:10px;
78
+ }
79
  </style>
80
  </head>
81
  <body>
82
+ <div class="container">
83
+ <h1>🏆 Infernet Econometrics Benchmark Leaderboard</h1>
84
+ <div class="header-desc">
85
+ <strong>CamoAiLab | HKU CAMO</strong><br>
86
+ Dataset: <a target="_blank" href="https://huggingface.co/datasets/CamoAiLab/Infernet">CamoAiLab/Infernet</a>
87
+ </div>
88
 
89
+ <div class="tab-wrap">
90
+ <button class="tab active" onclick="switchTab(0)">1. Compilation Success Rate</button>
91
+ <button class="tab" onclick="switchTab(1)">2. Partial Replication Rate</button>
92
+ <button class="tab" onclick="switchTab(2)">3. Correct Coefficient Direction</button>
93
+ </div>
94
 
95
+ <div class="panel show" id="panel-compile"></div>
96
+ <div class="panel" id="panel-rep"></div>
97
+ <div class="panel" id="panel-dir"></div>
98
 
99
+ <div class="metric-block">
100
+ <h3>📌 Metric Definition</h3>
101
+ <ul style="padding‑left:20px;margin:0;">
102
+ <li><strong>Compilation Success:</strong> Generated code runs without runtime errors.</li>
103
+ <li><strong>Partial Replication:</strong> Partially reproduce target estimation results.</li>
104
+ <li><strong>Correct Coefficient Direction:</strong> Correct sign of estimated coefficients.</li>
105
+ </ul>
106
+ <p style="margin‑top:12px;font‑size:14px;color:#475569;">
107
+ Native Hugging Face Community Evals leaderboard pending official allowlist.
108
+ </p>
109
+ </div>
110
+ </div>
111
 
112
  <script>
113
  const panels = document.querySelectorAll(".panel");
 
149
  return html;
150
  }
151
 
152
+ //读取space本地csv
153
  const csvUrl = "./results.csv";
154
 
155
  async function loadData(){
 
181
  );
182
  } catch(err){
183
  console.error("load csv error",err);
184
+ document.body.insertAdjacentHTML("beforeend",`<p style='color:red;text‑align:center'>Failed to load ranking data: ${err.message}</p>`);
185
  }
186
  }
187
  loadData();