Update index.html
Browse files- index.html +66 -49
index.html
CHANGED
|
@@ -1,57 +1,74 @@
|
|
| 1 |
<!DOCTYPE html>
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 8 |
|
| 9 |
-
|
| 10 |
-
|
|
|
|
|
|
|
|
|
|
| 11 |
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
|
| 20 |
-
<body>
|
| 21 |
-
<gradio-lite>
|
| 22 |
-
<gradio-file name="app.py" entrypoint>
|
| 23 |
-
import gradio as gr
|
| 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 |
-
<gradio-file name="logo.png" url="https://raw.githubusercontent.com/gradio-app/gradio/main/guides/assets/logo.png" />
|
| 50 |
-
|
| 51 |
-
<gradio-requirements>
|
| 52 |
-
# Same syntax as requirements.txt
|
| 53 |
-
scikit-image
|
| 54 |
-
</gradio-requirements>
|
| 55 |
-
</gradio-lite>
|
| 56 |
-
</body>
|
| 57 |
</html>
|
|
|
|
| 1 |
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<title>Infernet 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">
|
| 30 |
+
<h3>Ranked by Code Compilation Success</h3>
|
| 31 |
+
<table>
|
| 32 |
+
<tr><th>Rank</th><th>Model</th><th>Compilation Success (%)</th></tr>
|
| 33 |
+
<tr><td>1</td><td>Example Model A</td><td>92.5</td></tr>
|
| 34 |
+
<tr><td>2</td><td>Example Model B</td><td>85.0</td></tr>
|
| 35 |
+
</table>
|
| 36 |
+
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
| 37 |
|
| 38 |
+
<div class="panel">
|
| 39 |
+
<h3>Ranked by Partial Replication Rate</h3>
|
| 40 |
+
<table>
|
| 41 |
+
<tr><th>Rank</th><th>Model</th><th>Partial Replication (%)</th></tr>
|
| 42 |
+
<tr><td>1</td><td>Example Model A</td><td>88.0</td></tr>
|
| 43 |
+
<tr><td>2</td><td>Example Model B</td><td>70.0</td></tr>
|
| 44 |
+
</table>
|
| 45 |
+
</div>
|
| 46 |
|
| 47 |
+
<div class="panel">
|
| 48 |
+
<h3>Ranked by Correct Coefficient Direction</h3>
|
| 49 |
+
<table>
|
| 50 |
+
<tr><th>Rank</th><th>Model</th><th>Correct Coefficient Direction (%)</th></tr>
|
| 51 |
+
<tr><td>1</td><td>Example Model A</td><td>85.0</td></tr>
|
| 52 |
+
<tr><td>2</td><td>Example Model B</td><td>65.0</td></tr>
|
| 53 |
+
</table>
|
| 54 |
+
</div>
|
| 55 |
|
| 56 |
+
<h3>📌 Metric Definition</h3>
|
| 57 |
+
<ul>
|
| 58 |
+
<li><strong>Compilation Success:</strong> Generated code runs without runtime errors.</li>
|
| 59 |
+
<li><strong>Partial Replication:</strong> Partial matching of estimation outputs.</li>
|
| 60 |
+
<li><strong>Correct Coefficient Direction:</strong> Accuracy of predicting coefficient sign.</li>
|
| 61 |
+
</ul>
|
| 62 |
|
| 63 |
+
<script>
|
| 64 |
+
const panels = document.querySelectorAll(".panel");
|
| 65 |
+
const tabs = document.querySelectorAll(".tab");
|
| 66 |
+
function switchTab(idx){
|
| 67 |
+
panels.forEach(p=>p.classList.remove("show"));
|
| 68 |
+
tabs.forEach(t=>t.classList.remove("active"));
|
| 69 |
+
panels[idx].classList.add("show");
|
| 70 |
+
tabs[idx].classList.add("active");
|
| 71 |
+
}
|
| 72 |
+
</script>
|
| 73 |
+
</body>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 74 |
</html>
|