commit 6eea00b175eb7bed6c54e1dc56be857354cfeaa9
parent d9ac9ec841282c2363015d0c156b3dedc60d7ce5
Author: Brian Graham <brian@buildingbetterteams.de>
Date: Mon, 6 Apr 2026 20:26:31 +0200
Remove scatter dots from Score Distribution box plot
Keep just boxes with whiskers and median line, no individual dots.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Diffstat:
1 file changed, 2 insertions(+), 17 deletions(-)
diff --git a/dashboard/src/components/Charts.tsx b/dashboard/src/components/Charts.tsx
@@ -424,19 +424,8 @@ export default function Charts({ runs }: ChartsProps) {
<Cell key={entry.label} fill={entry.color} />
))}
</Bar>
- {/* Individual cell score dots */}
- <Scatter
- data={modelDots}
- dataKey="score"
- yAxisId="score"
- fill={SMUI.frost2}
- fillOpacity={0.5}
- >
- <ZAxis range={[20, 20]} />
- {modelDots.map((dot, i) => (
- <Cell key={i} fill={dot.color} fillOpacity={0.5} />
- ))}
- </Scatter>
+ {/* Hidden scatter to keep recharts scale consistent */}
+ <Scatter data={[]} dataKey="score" yAxisId="score" fill="transparent" />
</ComposedChart>
</ResponsiveContainer>
</div>
@@ -471,10 +460,6 @@ export default function Charts({ runs }: ChartsProps) {
textTransform: "uppercase",
letterSpacing: "0.5px",
}}
- payload={[
- { value: "Score %", type: "rect", color: SMUI.frost2 },
- { value: "Pass Rate %", type: "rect", color: SMUI.green },
- ]}
/>
{/* Score box plot */}
<Bar dataKey="sBase" stackId="scoreBox" fill="transparent" barSize={30} yAxisId="score" name=" " legendType="none" />