Jellyfish042 Claude Sonnet 4.5 commited on
Commit
6a2a99c
·
1 Parent(s): 41790f6

Replace generic labels with specific model names

Browse files

Changes in legend:
- "Model A better than avg" → "RWKV better than avg"
- "Model A worse than avg" → "RWKV worse than avg"

Changes in tooltip:
- "Compression A" → "RWKV Compression Rate"
- "Compression B" → "Qwen Compression Rate"
- "Model A Top10" → "RWKV Top10"
- "Model B Top10" → "Qwen Top10"

This makes the UI more intuitive by using actual model names
instead of generic Model A/B labels throughout.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Files changed (1) hide show
  1. visualization/html_generator.py +6 -6
visualization/html_generator.py CHANGED
@@ -663,7 +663,7 @@ def generate_comparison_html(
663
  <div class="legend">
664
  <div class="legend-item">
665
  <div class="legend-box" style="background-color: rgb(77, 255, 77)"></div>
666
- <span>Model A better than avg</span>
667
  </div>
668
  <div class="legend-item">
669
  <div class="legend-box" style="background-color: rgb(255, 255, 255)"></div>
@@ -671,7 +671,7 @@ def generate_comparison_html(
671
  </div>
672
  <div class="legend-item">
673
  <div class="legend-box" style="background-color: rgb(255, 77, 77)"></div>
674
- <span>Model A worse than avg</span>
675
  </div>
676
  <div class="legend-item" style="margin-left: 20px;">
677
  <span style="color: #aaa;">Saturation:</span>
@@ -807,16 +807,16 @@ def generate_comparison_html(
807
 
808
  let tooltipHtml = `
809
  <div><span class="label">Bytes:</span> <span class="bytes">${{bytes || '(empty)'}}</span></div>
810
- <div><span class="label">Compression A:</span> <span class="loss-a">${{compressionA || '(empty)'}}</span></div>
811
- <div><span class="label">Compression B:</span> <span class="loss-b">${{compressionB || '(empty)'}}</span></div>
812
  <hr style="border-color: #555; margin: 6px 0;">
813
  <div><span class="label">RWKV:</span> <span class="model-a">${{modelA || '(empty)'}}</span></div>
814
  <div><span class="label">Qwen:</span> <span class="model-b">${{modelB || '(empty)'}}</span></div>
815
  `;
816
  if (top5A || top5B) {{
817
  tooltipHtml += '<div class="topk-section"><div class="topk-container">';
818
- tooltipHtml += formatTopkColumn(top5A, 'Model A Top10', 'model-a');
819
- tooltipHtml += formatTopkColumn(top5B, 'Model B Top10', 'model-b');
820
  tooltipHtml += '</div></div>';
821
  }}
822
  tooltip.innerHTML = tooltipHtml;
 
663
  <div class="legend">
664
  <div class="legend-item">
665
  <div class="legend-box" style="background-color: rgb(77, 255, 77)"></div>
666
+ <span>RWKV better than avg</span>
667
  </div>
668
  <div class="legend-item">
669
  <div class="legend-box" style="background-color: rgb(255, 255, 255)"></div>
 
671
  </div>
672
  <div class="legend-item">
673
  <div class="legend-box" style="background-color: rgb(255, 77, 77)"></div>
674
+ <span>RWKV worse than avg</span>
675
  </div>
676
  <div class="legend-item" style="margin-left: 20px;">
677
  <span style="color: #aaa;">Saturation:</span>
 
807
 
808
  let tooltipHtml = `
809
  <div><span class="label">Bytes:</span> <span class="bytes">${{bytes || '(empty)'}}</span></div>
810
+ <div><span class="label">RWKV Compression Rate:</span> <span class="loss-a">${{compressionA || '(empty)'}}</span></div>
811
+ <div><span class="label">Qwen Compression Rate:</span> <span class="loss-b">${{compressionB || '(empty)'}}</span></div>
812
  <hr style="border-color: #555; margin: 6px 0;">
813
  <div><span class="label">RWKV:</span> <span class="model-a">${{modelA || '(empty)'}}</span></div>
814
  <div><span class="label">Qwen:</span> <span class="model-b">${{modelB || '(empty)'}}</span></div>
815
  `;
816
  if (top5A || top5B) {{
817
  tooltipHtml += '<div class="topk-section"><div class="topk-container">';
818
+ tooltipHtml += formatTopkColumn(top5A, 'RWKV Top10', 'model-a');
819
+ tooltipHtml += formatTopkColumn(top5B, 'Qwen Top10', 'model-b');
820
  tooltipHtml += '</div></div>';
821
  }}
822
  tooltip.innerHTML = tooltipHtml;