loop-benchmarking

commit fcfae4ceaccad02d75e02448a116e3bf308a35ea
parent 9ff262b655d701800bebbf03baa933fd4627cc2e
Author: Brian Graham <brian@buildingbetterteams.de>
Date:   Mon,  6 Apr 2026 21:10:56 +0200

Force all x-axis labels to show on box plot (interval={0})

Recharts was auto-hiding labels when 6+ models made them overlap.
Also reduced font size slightly to fit.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Diffstat:
M
dashboard/src/components/Charts.tsx
 | 
5
+++--

1 file changed, 3 insertions(+), 2 deletions(-)
diff --git a/dashboard/src/components/Charts.tsx b/dashboard/src/components/Charts.tsx
@@ -403,12 +403,13 @@ export default function Charts({ runs }: ChartsProps) {
               stroke={SMUI.muted}
               tickLine={false}
               axisLine={{ stroke: SMUI.border }}
+              interval={0}
               tick={({ x, y, payload }: any) => {
                 const [name, count] = (payload.value as string).split("|");
                 return (
                   <g>
-                    <text x={x} y={y + 12} textAnchor="middle" fill={SMUI.muted} fontSize={11} fontFamily="'JetBrains Mono', monospace">{name}</text>
-                    <text x={x} y={y + 24} textAnchor="middle" fill={SMUI.muted} fontSize={9} fontFamily="'JetBrains Mono', monospace" opacity={0.6}>{count}</text>
+                    <text x={x} y={y + 12} textAnchor="middle" fill={SMUI.muted} fontSize={10} fontFamily="'JetBrains Mono', monospace">{name}</text>
+                    <text x={x} y={y + 24} textAnchor="middle" fill={SMUI.muted} fontSize={8} fontFamily="'JetBrains Mono', monospace" opacity={0.6}>{count}</text>
                   </g>
                 );
               }}