Spaces:
Running
Running
Commit
·
6a2a99c
1
Parent(s):
41790f6
Replace generic labels with specific model names
Browse filesChanges 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>
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>
|
| 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>
|
| 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
|
| 811 |
-
<div><span class="label">Compression
|
| 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, '
|
| 819 |
-
tooltipHtml += formatTopkColumn(top5B, '
|
| 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;
|