Upload 3 files

chart.js

@@ -439,75 +439,80 @@ Chart.setOption(options[0])
 Chart2.setOption(options[2])
 
 
+//0 temp0_humaneval
+//1 temp0_8_humaneval
+//2 temp0_humaneval_et
+//3 temp0_8_humaneval_et
+
 // button and span
 var btn_temp0_HumanEval = document.getElementById('btn_temp0_HumanEval')
-var btn_temp0_HumanEval_ET = document.getElementById('btn_temp0_HumanEval_ET')
 var btn_temp0_8_HumanEval = document.getElementById('btn_temp0_8_HumanEval')
+var btn_temp0_HumanEval_ET = document.getElementById('btn_temp0_HumanEval_ET')
 var btn_temp0_8_HumanEval_ET = document.getElementById('btn_temp0_8_HumanEval_ET')
 
 
 
 var span_temp0_HumanEval = document.getElementById('span_temp0_HumanEval')
-var span_temp0_HumanEval_ET = document.getElementById('span_temp0_HumanEval_ET')
 var span_temp0_8_HumanEval = document.getElementById('span_temp0_8_HumanEval')
+var span_temp0_HumanEval_ET = document.getElementById('span_temp0_HumanEval_ET')
 var span_temp0_8_HumanEval_ET = document.getElementById('span_temp0_8_HumanEval_ET')
 
 btn_temp0_HumanEval.addEventListener("click", function() {
     Chart.setOption(options[0])
     btn_temp0_HumanEval.style.backgroundColor = '#386df4'
     span_temp0_HumanEval.style.color = '#386df4'
-    btn_temp0_HumanEval_ET.style.backgroundColor = '#d3d3d3'
-    span_temp0_HumanEval_ET.style.color = '#d3d3d3'
+    btn_temp0_8_HumanEval.style.backgroundColor = '#d3d3d3'
+    span_temp0_8_HumanEval.style.color = '#d3d3d3'
 })
 span_temp0_HumanEval.addEventListener("click", function() {
     Chart.setOption(options[0]);
     btn_temp0_HumanEval.style.backgroundColor = '#386df4'
     span_temp0_HumanEval.style.color = '#386df4'
-    btn_temp0_HumanEval_ET.style.backgroundColor = '#d3d3d3'
-    span_temp0_HumanEval_ET.style.color = '#d3d3d3'
+    btn_temp0_8_HumanEval.style.backgroundColor = '#d3d3d3'
+    span_temp0_8_HumanEval.style.color = '#d3d3d3'
 })
 
-btn_temp0_HumanEval_ET.addEventListener("click", function() {
+btn_temp0_8_HumanEval.addEventListener("click", function() {
     Chart.setOption(options[1])
     btn_temp0_HumanEval.style.backgroundColor = '#d3d3d3'
     span_temp0_HumanEval.style.color = '#d3d3d3'
-    btn_temp0_HumanEval_ET.style.backgroundColor = '#386df4'
-    span_temp0_HumanEval_ET.style.color = '#386df4'
+    btn_temp0_8_HumanEval.style.backgroundColor = '#386df4'
+    span_temp0_8_HumanEval.style.color = '#386df4'
 })
-span_temp0_HumanEval_ET.addEventListener("click", function() {
-    Chart.setOption(options[1])
+span_temp0_8_HumanEval.addEventListener("click", function() {
+    Chart.setOption(options[1]);
     btn_temp0_HumanEval.style.backgroundColor = '#d3d3d3'
     span_temp0_HumanEval.style.color = '#d3d3d3'
-    btn_temp0_HumanEval_ET.style.backgroundColor = '#386df4'
-    span_temp0_HumanEval_ET.style.color = '#386df4'
+    btn_temp0_8_HumanEval.style.backgroundColor = '#386df4'
+    span_temp0_8_HumanEval.style.color = '#386df4'
 })
 
-btn_temp0_8_HumanEval.addEventListener("click", function() {
+btn_temp0_HumanEval_ET.addEventListener("click", function() {
     Chart2.setOption(options[2])
-    btn_temp0_8_HumanEval.style.backgroundColor = '#386df4'
-    span_temp0_8_HumanEval.style.color = '#386df4'
+    btn_temp0_HumanEval_ET.style.backgroundColor = '#386df4'
+    span_temp0_HumanEval_ET.style.color = '#386df4'
     btn_temp0_8_HumanEval_ET.style.backgroundColor = '#d3d3d3'
     span_temp0_8_HumanEval_ET.style.color = '#d3d3d3'
 })
-span_temp0_8_HumanEval.addEventListener("click", function() {
-    Chart2.setOption(options[2]);
-    btn_temp0_8_HumanEval.style.backgroundColor = '#386df4'
-    span_temp0_8_HumanEval.style.color = '#386df4'
+span_temp0_HumanEval_ET.addEventListener("click", function() {
+    Chart2.setOption(options[2])
+    btn_temp0_HumanEval_ET.style.backgroundColor = '#386df4'
+    span_temp0_HumanEval_ET.style.color = '#386df4'
     btn_temp0_8_HumanEval_ET.style.backgroundColor = '#d3d3d3'
     span_temp0_8_HumanEval_ET.style.color = '#d3d3d3'
 })
 
 btn_temp0_8_HumanEval_ET.addEventListener("click", function() {
     Chart2.setOption(options[3])
-    btn_temp0_8_HumanEval.style.backgroundColor = '#d3d3d3'
-    span_temp0_8_HumanEval.style.color = '#d3d3d3'
+    btn_temp0_HumanEval_ET.style.backgroundColor = '#d3d3d3'
+    span_temp0_HumanEval_ET.style.color = '#d3d3d3'
     btn_temp0_8_HumanEval_ET.style.backgroundColor = '#386df4'
     span_temp0_8_HumanEval_ET.style.color = '#386df4'
 })
 span_temp0_8_HumanEval_ET.addEventListener("click", function() {
     Chart2.setOption(options[3])
-    btn_temp0_8_HumanEval.style.backgroundColor = '#d3d3d3'
-    span_temp0_8_HumanEval.style.color = '#d3d3d3'
+    btn_temp0_HumanEval_ET.style.backgroundColor = '#d3d3d3'
+    span_temp0_HumanEval_ET.style.color = '#d3d3d3'
     btn_temp0_8_HumanEval_ET.style.backgroundColor = '#386df4'
     span_temp0_8_HumanEval_ET.style.color = '#386df4'
 })

index.html

@@ -112,16 +112,16 @@
                 <div class="section_plot__btnGroup" id="sec_plot__btnGroup1">
                     <button id="btn_temp0_HumanEval"></button>
                     <span id="span_temp0_HumanEval">Pass@1 (temp = 0)</span>
-                    <button id="btn_temp0_HumanEval_ET"></button>
-                    <span id="span_temp0_HumanEval_ET">Pass@1 (temp = 0.8)</span>
+                    <button id="btn_temp0_8_HumanEval"></button>
+                    <span id="span_temp0_8_HumanEval">Pass@1 (temp = 0.8)</span>
                 </div>
                 <div id="sec_plot__chart1" style="width:706.5px; height:550px;"></div>
             </div>
             
             <div class="section_plot__div" id="sec_plot__div2">
                 <div class="section_plot__btnGroup" id="sec_plot__btnGroup2">
-                    <button id="btn_temp0_8_HumanEval"></button>
-                    <span id="span_temp0_8_HumanEval">Pass@1 (temp = 0)</span>
+                    <button id="btn_temp0_HumanEval_ET"></button>
+                    <span id="span_temp0_HumanEval_ET">Pass@1 (temp = 0)</span>
                     <button id="btn_temp0_8_HumanEval_ET"></button>
                     <span id="span_temp0_8_HumanEval_ET">Pass@1 (temp = 0.8)</span>
                 </div>

style.css

@@ -195,7 +195,7 @@
     margin-left: 5px;
     cursor: pointer;
 }
-#btn_temp0_HumanEval_ET, #btn_temp0_8_HumanEval_ET{
+#btn_temp0_8_HumanEval, #btn_temp0_8_HumanEval_ET{
     margin-left: 20px
 }
 #btn_temp0_HumanEval {
@@ -204,16 +204,16 @@
 #span_temp0_HumanEval {
     color: #386df4;
 }
-#btn_temp0_HumanEval_ET {
+#btn_temp0_8_HumanEval {
     background-color: #d3d3d3;
 }
-#span_temp0_HumanEval_ET {
+#span_temp0_8_HumanEval {
     color: #d3d3d3;
 }
-#btn_temp0_8_HumanEval {
+#btn_temp0_HumanEval_ET {
     background-color: #386df4;
 }
-#span_temp0_8_HumanEval {
+#span_temp0_HumanEval_ET {
     color: #386df4;
 }
 #btn_temp0_8_HumanEval_ET {