Hugging Face's logo

Spaces:
FINAL-Bench
/
worldmodel-bench
Running

App Files Community
SeaWolf-AI commited on
Commit
751cf23
Β·
verified Β·
1 Parent(s): 5aef0fc

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +56 -53
index.html CHANGED
@@ -63,8 +63,8 @@ h1{font-size:clamp(20px,3vw,38px);font-weight:800;line-height:1.1;letter-spacing
63
  .tab{padding:10px 20px;font-size:10.5px;font-family:var(--mono);font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:var(--tr);user-select:none;white-space:nowrap;letter-spacing:.3px;flex-shrink:0;}
64
  .tab:hover{color:var(--text);background:var(--ac-bg);}
65
  .tab.on{color:var(--ac);border-bottom-color:var(--ac);background:var(--ac-bg);}
66
- .tpane{display:none;padding-top:14px;}
67
- .tpane.on{display:block;}
68
 
69
  /* TABLE */
70
  .tw{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;box-shadow:var(--shadow);}
@@ -169,6 +169,23 @@ body.dark thead{background:var(--surface-alt)!important;}
169
  .grid2,.grid3{grid-template-columns:1fr!important;}
170
  th.c-model,td.c-model{position:static!important;}
171
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
172
  </style>
173
  </head>
174
  <body>
@@ -221,16 +238,25 @@ body.dark thead{background:var(--surface-alt)!important;}
221
  </div>
222
 
223
  <!-- ===== TABS ===== -->
224
- <div class="tab-bar" id="WM_TAB_BAR">
225
- <div class="tab on" tabindex="0" onclick="wmTab('lb')">πŸ† Leaderboard</div>
226
- <div class="tab" tabindex="0" onclick="wmTab('cats')">πŸ“‹ Categories</div>
227
- <div class="tab" tabindex="0" onclick="wmTab('structure')">πŸ“ Structure</div>
228
- <div class="tab" tabindex="0" onclick="wmTab('submit')">πŸ“ Submit</div>
229
- <div class="tab" tabindex="0" onclick="wmTab('about')">ℹ️ About</div>
 
 
 
 
 
 
 
230
  </div>
231
 
 
 
232
  <!-- ===== TAB: LEADERBOARD ===== -->
233
- <div id="lb" class="tpane on">
234
  <div class="tw">
235
  <table>
236
  <thead>
@@ -271,7 +297,6 @@ body.dark thead{background:var(--surface-alt)!important;}
271
  </div>
272
  </div>
273
 
274
- <!-- ── Charts ── -->
275
  <div style="margin-top:20px;">
276
  <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;">
277
  <div style="background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);">
@@ -306,8 +331,7 @@ body.dark thead{background:var(--surface-alt)!important;}
306
  </div>
307
  </div>
308
 
309
- <!-- ===== TAB: CATEGORIES ===== -->
310
- <div id="cats" class="tpane">
311
 
312
  <!-- P1 Header -->
313
  <div style="display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:14px 16px;background:rgba(123,143,212,.06);border:1px solid rgba(123,143,212,.2);border-radius:var(--radius-sm);">
@@ -553,7 +577,7 @@ body.dark thead{background:var(--surface-alt)!important;}
553
 
554
  </div>
555
  <!-- ===== TAB: STRUCTURE ===== -->
556
- <div id="structure" class="tpane">
557
  <div class="grid2" style="margin-bottom:14px">
558
  <div class="card">
559
  <h3>Input / Output Format</h3>
@@ -660,7 +684,7 @@ body.dark thead{background:var(--surface-alt)!important;}
660
  </div>
661
 
662
  <!-- ===== TAB: SUBMIT ===== -->
663
- <div id="submit" class="tpane">
664
  <div class="grid2" style="margin-bottom:14px">
665
  <div class="card">
666
  <h3>πŸ“€ Track A β€” Text Only</h3>
@@ -723,7 +747,7 @@ body.dark thead{background:var(--surface-alt)!important;}
723
 
724
 
725
  <!-- ===== TAB: ABOUT ===== -->
726
- <div id="about" class="tpane">
727
  <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px">
728
  <div class="card">
729
  <h3>πŸ”₯ What is WM Bench?</h3>
@@ -764,7 +788,7 @@ body.dark thead{background:var(--surface-alt)!important;}
764
  </div>
765
  </div>
766
 
767
- </div><!-- /wrap -->
768
 
769
  <!-- ===== DATA & LOGIC ===== -->
770
  <script>
@@ -821,16 +845,16 @@ body.dark thead{background:var(--surface-alt)!important;}
821
  cats:{C01:null,C02:null,C03:null,C04:null,C05:null,C06:null,C07:null,C08:null,C09:null,C10:null}}
822
  ];
823
  var CAT_DATA = [
824
- {id:"C01",name:"ν™˜κ²½ 인식 정확도",pillar:"P1",max:100,score:65,first:"",type:"existing",ref:"Occupancy Grid eval.",desc:"μ£Όλ³€ λ²½Β·μž₯μ• λ¬ΌΒ·μ§€ν˜•μ„ μ •ν™•νžˆ νŒŒμ•…"},
825
- {id:"C02",name:"개체 인식 및 λΆ„λ₯˜",pillar:"P1",max:100,score:75,first:"",type:"existing",ref:"BABEL action recog.",desc:"NPCλ₯Ό 맹수/μ‚¬λžŒ/ν™˜κ²½μœΌλ‘œ μ •ν™•νžˆ λΆ„λ₯˜"},
826
- {id:"C03",name:"예츑 기반 μΆ”λ‘ ",pillar:"P2",max:100,score:85,first:"✦",type:"new",ref:"",desc:"4λ°©ν–₯ 미래 κ²°κ³Ό 예츑 β†’ μ΅œμ„  선택"},
827
- {id:"C04",name:"μœ„ν˜‘ μœ ν˜•λ³„ 차별 λ°˜μ‘",pillar:"P2",max:100,score:90,first:"✦",type:"new",ref:"",desc:"λ§Ήμˆ˜β†’μ „λ ₯질주 vs μ‚¬λžŒβ†’κ±Έμ–΄μ„œ νšŒν”Ό"},
828
- {id:"C05",name:"자율 감정 μ—μŠ€μ»¬λ ˆμ΄μ…˜",pillar:"P2",max:100,score:85,first:"✦✦",type:"new",ref:"",desc:"μœ„ν˜‘ 지속 μ‹œ 감정 자율 격화"},
829
- {id:"C06",name:"λ§₯락 κΈ°μ–΅ 및 ν™œμš©",pillar:"P2",max:100,score:60,first:"✦",type:"new",ref:"",desc:"이전 μ‹€νŒ¨ κΈ°μ–΅ β†’ λ‹€μŒ νŒλ‹¨ 반영"},
830
- {id:"C07",name:"μœ„ν˜‘ ν•΄μ œ ν›„ 적응",pillar:"P2",max:100,score:70,first:"✦",type:"new",ref:"",desc:"μœ„ν˜‘ μ†Œλ©Έ ν›„ μ„œμ„œνžˆ 정상화+경계"},
831
- {id:"C08",name:"λͺ¨μ…˜ 감정 ν‘œν˜„λ ₯",pillar:"P3",max:100,score:80,first:"✦",type:"new",ref:"",desc:"νŒλ‹¨ 감정이 λͺ¨μ…˜μ— λ°˜μ˜λ˜λŠ” 풍뢀함"},
832
- {id:"C09",name:"μ‹€μ‹œκ°„ 인지-행동 μ„±λŠ₯",pillar:"P3",max:100,score:85,first:"",type:"existing",ref:"FVD / latency",desc:"인지 루프 FPS + μ§€μ—°μ‹œκ°„"},
833
- {id:"C10",name:"신체 ꡐ체 ν™•μž₯μ„±",pillar:"P3",max:100,score:35,first:"✦✦",type:"new",ref:"",desc:"동일 λ‘λ‡Œλ‘œ λ‹€λ₯Έ 신체(λ‘œλ΄‡/λ“œλ‘ ) 적용"}
834
  ];
835
  var PC = {P1:"#7b8fd4",P2:"#e8593c",P3:"#d4a044"};
836
 
@@ -922,7 +946,7 @@ body.dark thead{background:var(--surface-alt)!important;}
922
  datasets:[{label:'WM Score',data:sorted.map(function(r){return r.wm;}),
923
  backgroundColor:sorted.map(function(r){return (MC[r.model]||'#888')+'bb';}),
924
  borderColor:sorted.map(function(r){return MC[r.model]||'#888';}),borderWidth:1.5,borderRadius:6,borderSkipped:false}]},
925
- options:{indexAxis:'y',plugins:{legend:{display:false},tooltip:{callbacks:{label:function(c){var r=sorted[c.dataIndex];return ' WM: '+r.wm+'/1000 Grade: '+r.grade+(r.est?' (est.)':' βœ“ Official');} }}},
926
  scales:{x:{min:0,max:1000,grid:{color:gridC},ticks:{color:tickC,font:{family:'JetBrains Mono',size:9}}},y:{grid:{display:false},ticks:{color:tickC,font:{family:'JetBrains Mono',size:8.5}}}}}
927
  });
928
 
@@ -934,7 +958,7 @@ body.dark thead{background:var(--surface-alt)!important;}
934
  data:[Math.round(r.p1/250*100),Math.round(r.p2/450*100),Math.round(r.p3/300*100)],
935
  borderColor:MC[r.model]||'#888',backgroundColor:(MC[r.model]||'#888')+'1a',
936
  borderWidth:r.est?1.5:2.5,pointRadius:r.est?2:4,pointBackgroundColor:MC[r.model]||'#888',borderDash:r.est?[4,3]:[]}; })},
937
- options:{plugins:{legend:{labels:{color:tickC,font:{family:'JetBrains Mono',size:8},boxWidth:10,padding:6}}},
938
  scales:{r:{grid:{color:gridC},angleLines:{color:gridC},ticks:{display:false,backdropColor:'transparent'},pointLabels:{color:tickC,font:{family:'JetBrains Mono',size:10}},suggestedMin:0,suggestedMax:100}}}
939
  });
940
 
@@ -945,7 +969,7 @@ body.dark thead{background:var(--surface-alt)!important;}
945
  data:{labels:catL,datasets:sorted.map(function(r){return {label:shorten(r.model),
946
  data:catK.map(function(k){return r.cats[k];}),
947
  backgroundColor:(MC[r.model]||'#888')+'99',borderColor:MC[r.model]||'#888',borderWidth:1,borderRadius:2}; })},
948
- options:{plugins:{legend:{labels:{color:tickC,font:{family:'JetBrains Mono',size:7.5},boxWidth:8,padding:5}},
949
  tooltip:{callbacks:{label:function(c){return ' '+sorted[c.datasetIndex].model+': '+c.raw+' / 100';}}}},
950
  scales:{y:{min:0,max:100,grid:{color:gridC},ticks:{color:tickC,font:{family:'JetBrains Mono',size:9}}},x:{grid:{display:false},ticks:{color:tickC,font:{family:'JetBrains Mono',size:8},maxRotation:0}}}}
951
  });
@@ -957,7 +981,7 @@ body.dark thead{background:var(--surface-alt)!important;}
957
  datasets:[{label:'P2 Cognition',data:cogS.map(function(r){return r.p2;}),
958
  backgroundColor:cogS.map(function(r){return (MC[r.model]||'#888')+'cc';}),
959
  borderColor:cogS.map(function(r){return MC[r.model]||'#888';}),borderWidth:1.5,borderRadius:5,borderSkipped:false}]},
960
- options:{plugins:{legend:{display:false},tooltip:{callbacks:{label:function(c){return ' P2 Cognition: '+cogS[c.dataIndex].p2+' / 450 pts';}}}},
961
  scales:{y:{min:0,max:450,grid:{color:gridC},ticks:{color:tickC,font:{family:'JetBrains Mono',size:9}}},x:{grid:{display:false},ticks:{color:tickC,font:{family:'JetBrains Mono',size:8},maxRotation:30}}}}
962
  });
963
 
@@ -967,7 +991,7 @@ body.dark thead{background:var(--surface-alt)!important;}
967
  data:[{x:Math.round(r.p1/250*100),y:Math.round(r.p2/450*100)}],
968
  backgroundColor:(MC[r.model]||'#888')+'cc',borderColor:MC[r.model]||'#888',
969
  pointRadius:r.est?7:10,pointStyle:r.est?'circle':'star',borderWidth:1.5}; })},
970
- options:{plugins:{legend:{labels:{color:tickC,font:{family:'JetBrains Mono',size:7.5},boxWidth:8,padding:5}},
971
  tooltip:{callbacks:{label:function(c){return c.dataset.label+' β€” Perception: '+c.parsed.x+'% Cognition: '+c.parsed.y+'%';}}}},
972
  scales:{x:{min:0,max:100,title:{display:true,text:'Perception (%)',color:tickC,font:{family:'JetBrains Mono',size:9}},grid:{color:gridC},ticks:{color:tickC,font:{family:'JetBrains Mono',size:9}}},
973
  y:{min:0,max:100,title:{display:true,text:'Cognition (%)',color:tickC,font:{family:'JetBrains Mono',size:9}},grid:{color:gridC},ticks:{color:tickC,font:{family:'JetBrains Mono',size:9}}}}}
@@ -1015,27 +1039,6 @@ body.dark thead{background:var(--surface-alt)!important;}
1015
  })();
1016
  </script>
1017
 
1018
- <script>
1019
- function wmTab(id){
1020
- var ids=['lb','cats','structure','submit','about'];
1021
- for(var i=0;i<ids.length;i++){
1022
- var p=document.getElementById(ids[i]);
1023
- if(p) p.style.display=(ids[i]===id)?'block':'none';
1024
- }
1025
- var tabs=document.querySelectorAll('#WM_TAB_BAR .tab');
1026
- for(var j=0;j<tabs.length;j++){
1027
- tabs[j].classList.remove('on');
1028
- if(tabs[j].getAttribute('onclick')==="wmTab('"+id+"')") tabs[j].classList.add('on');
1029
- }
1030
- }
1031
- // μ΄ˆκΈ°ν™”
1032
- (function(){
1033
- var ids=['lb','cats','structure','submit','about'];
1034
- for(var i=0;i<ids.length;i++){
1035
- var p=document.getElementById(ids[i]);
1036
- if(p) p.style.display=(ids[i]==='lb')?'block':'none';
1037
- }
1038
- })();
1039
- </script>
1040
  </body>
1041
  </html>
 
63
  .tab{padding:10px 20px;font-size:10.5px;font-family:var(--mono);font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:var(--tr);user-select:none;white-space:nowrap;letter-spacing:.3px;flex-shrink:0;}
64
  .tab:hover{color:var(--text);background:var(--ac-bg);}
65
  .tab.on{color:var(--ac);border-bottom-color:var(--ac);background:var(--ac-bg);}
66
+ .tpane{padding-top:14px;}.wm-p1,.wm-p2,.wm-p3,.wm-p4,.wm-p5{display:none;}
67
+
68
 
69
  /* TABLE */
70
  .tw{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;box-shadow:var(--shadow);}
 
169
  .grid2,.grid3{grid-template-columns:1fr!important;}
170
  th.c-model,td.c-model{position:static!important;}
171
  }
172
+
173
+ <style>
174
+ .wm-radio{display:none;}
175
+ .wm-label{padding:10px 18px;font-size:10.5px;font-family:var(--mono);font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:var(--tr);user-select:none;white-space:nowrap;letter-spacing:.3px;flex-shrink:0;display:inline-block;}
176
+ .wm-label:hover{color:var(--text);background:var(--ac-bg);}
177
+ .wm-p1,.wm-p2,.wm-p3,.wm-p4,.wm-p5{display:none;}
178
+ #wm-r1:checked ~ .wm-p1,
179
+ #wm-r2:checked ~ .wm-p2,
180
+ #wm-r3:checked ~ .wm-p3,
181
+ #wm-r4:checked ~ .wm-p4,
182
+ #wm-r5:checked ~ .wm-p5{display:block;}
183
+ #wm-r1:checked ~ .wm-bar label[for=wm-r1],
184
+ #wm-r2:checked ~ .wm-bar label[for=wm-r2],
185
+ #wm-r3:checked ~ .wm-bar label[for=wm-r3],
186
+ #wm-r4:checked ~ .wm-bar label[for=wm-r4],
187
+ #wm-r5:checked ~ .wm-bar label[for=wm-r5]{color:var(--ac);border-bottom-color:var(--ac);background:var(--ac-bg);}
188
+ </style>
189
  </style>
190
  </head>
191
  <body>
 
238
  </div>
239
 
240
  <!-- ===== TABS ===== -->
241
+
242
+ <input class="wm-radio" type="radio" id="wm-r1" name="wm-tab" checked>
243
+ <input class="wm-radio" type="radio" id="wm-r2" name="wm-tab">
244
+ <input class="wm-radio" type="radio" id="wm-r3" name="wm-tab">
245
+ <input class="wm-radio" type="radio" id="wm-r4" name="wm-tab">
246
+ <input class="wm-radio" type="radio" id="wm-r5" name="wm-tab">
247
+
248
+ <div class="tab-bar wm-bar" id="WM_TAB_BAR">
249
+ <label class="wm-label" for="wm-r1">πŸ† Leaderboard</label>
250
+ <label class="wm-label" for="wm-r2">πŸ“‹ Categories</label>
251
+ <label class="wm-label" for="wm-r3">πŸ“ Structure</label>
252
+ <label class="wm-label" for="wm-r4">πŸ“ Submit</label>
253
+ <label class="wm-label" for="wm-r5">ℹ️ About</label>
254
  </div>
255
 
256
+
257
+
258
  <!-- ===== TAB: LEADERBOARD ===== -->
259
+ <div id="lb" class="tpane wm-p1">
260
  <div class="tw">
261
  <table>
262
  <thead>
 
297
  </div>
298
  </div>
299
 
 
300
  <div style="margin-top:20px;">
301
  <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;">
302
  <div style="background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);">
 
331
  </div>
332
  </div>
333
 
334
+ <div id="cats" class="tpane wm-p2">
 
335
 
336
  <!-- P1 Header -->
337
  <div style="display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:14px 16px;background:rgba(123,143,212,.06);border:1px solid rgba(123,143,212,.2);border-radius:var(--radius-sm);">
 
577
 
578
  </div>
579
  <!-- ===== TAB: STRUCTURE ===== -->
580
+ <div id="structure" class="tpane wm-p3">
581
  <div class="grid2" style="margin-bottom:14px">
582
  <div class="card">
583
  <h3>Input / Output Format</h3>
 
684
  </div>
685
 
686
  <!-- ===== TAB: SUBMIT ===== -->
687
+ <div id="submit" class="tpane wm-p4">
688
  <div class="grid2" style="margin-bottom:14px">
689
  <div class="card">
690
  <h3>πŸ“€ Track A β€” Text Only</h3>
 
747
 
748
 
749
  <!-- ===== TAB: ABOUT ===== -->
750
+ <div id="about" class="tpane wm-p5">
751
  <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px">
752
  <div class="card">
753
  <h3>πŸ”₯ What is WM Bench?</h3>
 
788
  </div>
789
  </div>
790
 
791
+ <!-- /wrap -->
792
 
793
  <!-- ===== DATA & LOGIC ===== -->
794
  <script>
 
845
  cats:{C01:null,C02:null,C03:null,C04:null,C05:null,C06:null,C07:null,C08:null,C09:null,C10:null}}
846
  ];
847
  var CAT_DATA = [
848
+ {id:"C01",name:"Environmental Awareness",pillar:"P1",max:100,score:65,first:"",type:"existing",ref:"Occupancy Grid eval.",desc:"Identifies walls, obstacles and terrain in all directions"},
849
+ {id:"C02",name:"Entity Recognition",pillar:"P1",max:100,score:75,first:"",type:"existing",ref:"BABEL action recog.",desc:"Classifies NPC as beast/human and maps to threat level"},
850
+ {id:"C03",name:"Prediction-Based Reasoning",pillar:"P2",max:100,score:85,first:"✦",type:"new",ref:"",desc:"Predicts 4-directional danger and selects optimal action"},
851
+ {id:"C04",name:"Threat-Type Differentiation",pillar:"P2",max:100,score:90,first:"✦",type:"new",ref:"",desc:"Beast: full sprint. Human: cautious dodge"},
852
+ {id:"C05",name:"Autonomous Emotion Escalation",pillar:"P2",max:100,score:85,first:"✦✦",type:"new",ref:"",desc:"Emotion escalates autonomously as threat persists"},
853
+ {id:"C06",name:"Contextual Memory Utilization",pillar:"P2",max:100,score:60,first:"✦",type:"new",ref:"",desc:"Past decisions incorporated into current judgment"},
854
+ {id:"C07",name:"Post-Threat Adaptive Recovery",pillar:"P2",max:100,score:70,first:"✦",type:"new",ref:"",desc:"Gradually de-escalates after threat disappears"},
855
+ {id:"C08",name:"Motion-Emotion Expression",pillar:"P3",max:100,score:80,first:"✦",type:"new",ref:"",desc:"Emotional state expressed richly through motion"},
856
+ {id:"C09",name:"Real-Time Cognitive Performance",pillar:"P3",max:100,score:85,first:"",type:"existing",ref:"FVD / latency",desc:"Inference latency and FPS under cognitive load"},
857
+ {id:"C10",name:"Body-Swap Extensibility",pillar:"P3",max:100,score:35,first:"✦✦",type:"new",ref:"",desc:"Same brain drives different body types without retraining"}
858
  ];
859
  var PC = {P1:"#7b8fd4",P2:"#e8593c",P3:"#d4a044"};
860
 
 
946
  datasets:[{label:'WM Score',data:sorted.map(function(r){return r.wm;}),
947
  backgroundColor:sorted.map(function(r){return (MC[r.model]||'#888')+'bb';}),
948
  borderColor:sorted.map(function(r){return MC[r.model]||'#888';}),borderWidth:1.5,borderRadius:6,borderSkipped:false}]},
949
+ options:{responsive:false,indexAxis:'y',plugins:{legend:{display:false},tooltip:{callbacks:{label:function(c){var r=sorted[c.dataIndex];return ' WM: '+r.wm+'/1000 Grade: '+r.grade+(r.est?' (est.)':' βœ“ Official');} }}},
950
  scales:{x:{min:0,max:1000,grid:{color:gridC},ticks:{color:tickC,font:{family:'JetBrains Mono',size:9}}},y:{grid:{display:false},ticks:{color:tickC,font:{family:'JetBrains Mono',size:8.5}}}}}
951
  });
952
 
 
958
  data:[Math.round(r.p1/250*100),Math.round(r.p2/450*100),Math.round(r.p3/300*100)],
959
  borderColor:MC[r.model]||'#888',backgroundColor:(MC[r.model]||'#888')+'1a',
960
  borderWidth:r.est?1.5:2.5,pointRadius:r.est?2:4,pointBackgroundColor:MC[r.model]||'#888',borderDash:r.est?[4,3]:[]}; })},
961
+ options:{responsive:false,plugins:{legend:{labels:{color:tickC,font:{family:'JetBrains Mono',size:8},boxWidth:10,padding:6}}},
962
  scales:{r:{grid:{color:gridC},angleLines:{color:gridC},ticks:{display:false,backdropColor:'transparent'},pointLabels:{color:tickC,font:{family:'JetBrains Mono',size:10}},suggestedMin:0,suggestedMax:100}}}
963
  });
964
 
 
969
  data:{labels:catL,datasets:sorted.map(function(r){return {label:shorten(r.model),
970
  data:catK.map(function(k){return r.cats[k];}),
971
  backgroundColor:(MC[r.model]||'#888')+'99',borderColor:MC[r.model]||'#888',borderWidth:1,borderRadius:2}; })},
972
+ options:{responsive:false,plugins:{legend:{labels:{color:tickC,font:{family:'JetBrains Mono',size:7.5},boxWidth:8,padding:5}},
973
  tooltip:{callbacks:{label:function(c){return ' '+sorted[c.datasetIndex].model+': '+c.raw+' / 100';}}}},
974
  scales:{y:{min:0,max:100,grid:{color:gridC},ticks:{color:tickC,font:{family:'JetBrains Mono',size:9}}},x:{grid:{display:false},ticks:{color:tickC,font:{family:'JetBrains Mono',size:8},maxRotation:0}}}}
975
  });
 
981
  datasets:[{label:'P2 Cognition',data:cogS.map(function(r){return r.p2;}),
982
  backgroundColor:cogS.map(function(r){return (MC[r.model]||'#888')+'cc';}),
983
  borderColor:cogS.map(function(r){return MC[r.model]||'#888';}),borderWidth:1.5,borderRadius:5,borderSkipped:false}]},
984
+ options:{responsive:false,plugins:{legend:{display:false},tooltip:{callbacks:{label:function(c){return ' P2 Cognition: '+cogS[c.dataIndex].p2+' / 450 pts';}}}},
985
  scales:{y:{min:0,max:450,grid:{color:gridC},ticks:{color:tickC,font:{family:'JetBrains Mono',size:9}}},x:{grid:{display:false},ticks:{color:tickC,font:{family:'JetBrains Mono',size:8},maxRotation:30}}}}
986
  });
987
 
 
991
  data:[{x:Math.round(r.p1/250*100),y:Math.round(r.p2/450*100)}],
992
  backgroundColor:(MC[r.model]||'#888')+'cc',borderColor:MC[r.model]||'#888',
993
  pointRadius:r.est?7:10,pointStyle:r.est?'circle':'star',borderWidth:1.5}; })},
994
+ options:{responsive:false,plugins:{legend:{labels:{color:tickC,font:{family:'JetBrains Mono',size:7.5},boxWidth:8,padding:5}},
995
  tooltip:{callbacks:{label:function(c){return c.dataset.label+' β€” Perception: '+c.parsed.x+'% Cognition: '+c.parsed.y+'%';}}}},
996
  scales:{x:{min:0,max:100,title:{display:true,text:'Perception (%)',color:tickC,font:{family:'JetBrains Mono',size:9}},grid:{color:gridC},ticks:{color:tickC,font:{family:'JetBrains Mono',size:9}}},
997
  y:{min:0,max:100,title:{display:true,text:'Cognition (%)',color:tickC,font:{family:'JetBrains Mono',size:9}},grid:{color:gridC},ticks:{color:tickC,font:{family:'JetBrains Mono',size:9}}}}}
 
1039
  })();
1040
  </script>
1041
 
1042
+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1043
  </body>
1044
  </html>