zsss0316 commited on
Commit
324e6e2
·
verified ·
1 Parent(s): 1581f5d

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +66 -49
index.html CHANGED
@@ -1,57 +1,74 @@
1
  <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1">
6
- <title>Gradio-Lite: Serverless Gradio Running Entirely in Your Browser</title>
7
- <meta name="description" content="Gradio-Lite: Serverless Gradio Running Entirely in Your Browser">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8
 
9
- <script type="module" crossorigin src="https://cdn.jsdelivr.net/npm/@gradio/lite/dist/lite.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@gradio/lite/dist/lite.css" />
 
 
 
11
 
12
- <style>
13
- html, body {
14
- margin: 0;
15
- padding: 0;
16
- height: 100%;
17
- }
18
- </style>
19
- </head>
20
- <body>
21
- <gradio-lite>
22
- <gradio-file name="app.py" entrypoint>
23
- import gradio as gr
24
 
25
- from filters import as_gray
 
 
 
 
 
 
 
26
 
27
- def process(input_image):
28
- output_image = as_gray(input_image)
29
- return output_image
 
 
 
 
 
30
 
31
- demo = gr.Interface(
32
- process,
33
- "image",
34
- "image",
35
- examples=["lion.jpg", "logo.png"],
36
- )
37
 
38
- demo.launch()
39
- </gradio-file>
40
-
41
- <gradio-file name="filters.py">
42
- from skimage.color import rgb2gray
43
-
44
- def as_gray(image):
45
- return rgb2gray(image)
46
- </gradio-file>
47
-
48
- <gradio-file name="lion.jpg" url="https://raw.githubusercontent.com/gradio-app/gradio/main/gradio/test_data/lion.jpg" />
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>