Update index.html

index.html

@@ -860,7 +860,14 @@ function srt(col){
   applyHiddenCols();
 }
 
-// ========== FILTER ==========
+// ========== 기본 정렬: Composite Score 내림차순 ==========
+(function defaultSort(){
+  sortDir=-1; lastCol=2;
+  const arr=[...D].sort((a,b)=>(compScore(b)||0)-(compScore(a)||0));
+  buildTable(arr);
+  const th=document.querySelectorAll('th');
+  if(th[2])th[2].classList.add('on');
+})();
 let currentFilter='all';
 function flt(f,btn){
   currentFilter=f;
@@ -952,11 +959,14 @@ window.addEventListener('load',()=>{initVertRank();});
 // ========== VERTICAL RANKING CHART (always shown in tab1) ==========
 function initVertRank(){
   const sorted=[...D].map(r=>({n:r[0],s:compScore(r),c:pColors[r[1]]||'#6366f1',prov:r[1]}))
-    .filter(x=>x.s!==null).sort((a,b)=>b.s-a.s);
+    .sort((a,b)=>{
+      const sa=a.s??-1, sb=b.s??-1;
+      return sb-sa;
+    });
 
   const canvas=document.getElementById('cVertRank');
   if(!canvas)return;
-  const W=Math.max(sorted.length*54+60,900);
+  const W=Math.max(sorted.length*52+60,1100);
   canvas.width=W; canvas.height=200;
   const ctx=canvas.getContext('2d');
   const PAD_L=40,PAD_R=20,PAD_T=16,PAD_B=60;
@@ -980,7 +990,9 @@ function initVertRank(){
 
   sorted.forEach((d,i)=>{
     const x=PAD_L+gap*(i+1)+barW*i;
-    const barH=(d.s-minS)/(maxS-minS)*chartH;
+    const isNull=d.s===null||d.s===undefined;
+    const score=isNull?0:d.s;
+    const barH=isNull?5:Math.max((score-minS)/(maxS-minS)*chartH,5);
     const y=PAD_T+chartH-barH;
     const rank=i+1;
     // benchmark coverage count
@@ -990,16 +1002,16 @@ function initVertRank(){
 
     // Bar gradient
     const grad=ctx.createLinearGradient(0,y,0,PAD_T+chartH);
-    grad.addColorStop(0,d.c+'ff');
-    grad.addColorStop(1,d.c+'88');
+    grad.addColorStop(0,isNull?'#cbd5e1':d.c+'ff');
+    grad.addColorStop(1,isNull?'#e2e8f0':d.c+'88');
     ctx.fillStyle=grad;
     ctx.beginPath();
     ctx.roundRect(x,y,barW,barH,4);
     ctx.fill();
 
     // Score label on top
-    ctx.font='700 9px JetBrains Mono';ctx.fillStyle=d.c;ctx.textAlign='center';
-    ctx.fillText(d.s,x+barW/2,y-12);
+    ctx.font='700 9px JetBrains Mono';ctx.fillStyle=isNull?'#94a3b8':d.c;ctx.textAlign='center';
+    ctx.fillText(isNull?'N/A':d.s,x+barW/2,y-12);
     // Coverage badge (n/10)
     ctx.font='500 7px JetBrains Mono';ctx.fillStyle='#94a3b8';ctx.textAlign='center';
     ctx.fillText(covCnt+'/10',x+barW/2,y-3);
@@ -1033,7 +1045,9 @@ function initVertRank(){
 const pColors={
   "OpenAI":"#10a37f","Anthropic":"#d97706","Google":"#4285f4",
   "xAI":"#1d9bf0","Alibaba":"#f97316","DeepSeek":"#6366f1",
-  "Moonshot":"#8b5cf6","Zhipu AI":"#14b8a6","Meta":"#0081fb","Mistral":"#ff7043"
+  "Moonshot":"#8b5cf6","Zhipu AI":"#14b8a6","Meta":"#0081fb","Mistral":"#ff7043",
+  "Microsoft":"#00a4ef",
+  "LG AI연구원":"#c9002b","SK텔레콤":"#e8002d","업스테이지":"#005baa","모티프테크놀로지스":"#2d6be4"
 };
 const gridC='rgba(15,23,42,.06)';
 const tickC='#94a3b8';