Change settings

src/components/CompareChartE.vue

@@ -132,7 +132,7 @@ async function composeBadge(agent, model, color = '#666') {
   const mImg = await loadImg(MODEL_LOGOS[model]);
 
   // uniform canvas
-  const S = 50;                   // badge size (px)
+  const S = 30;                   // badge size (px)
   const R = S / 2;
   const canvas = document.createElement('canvas');
   canvas.width = S; canvas.height = S;
@@ -156,7 +156,7 @@ async function composeBadge(agent, model, color = '#666') {
 
   // model puck (bottom-right)
   if (mImg) {
-    const d = 30, r = d / 2;                  // puck diameter
+    const d = 20, r = d / 2;                  // puck diameter
     const cx = S - r + 1, cy = S - r + 1;     // slight outside bias
     // white border
     ctx.fillStyle = '#fff';
@@ -266,7 +266,7 @@ export default defineComponent({
             type: 'scatter',
             data: [ last ],
             symbol: badgeUrl ? `image://${badgeUrl}` : 'circle',
-            symbolSize: 50,
+            symbolSize: 30,
             z: 20,
             tooltip: { show: false },
             label: {
@@ -315,7 +315,7 @@ export default defineComponent({
             type: 'scatter',
             data: [ lastBH ],
             symbol: badgeUrl ? `image://${badgeUrl}` : 'circle',
-            symbolSize: 50,
+            symbolSize: 30,
             z: 19,
             tooltip: { show: false },
             label: {