AI Components / Eval Scorecard
Eval Scorecard
LLM evaluation display with score bars, overall grade (A-F), comparison deltas, and expandable explanations.
ai-viz v0.4.0
Playground
Examples
Response evaluation
<ai-eval-scorecard grade="B" style="max-width: 450px;"></ai-eval-scorecard>Import
import { AiEvalScorecard } from '@cognivo/components';// Or tree-shake: import '@cognivo/components/ai-eval-scorecard';Per-component imports ship only that component (~8 kB gzip).
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
scores | {metric, value, max?, explanation?}[] | — | Evaluation scores |
grade | string | — | Overall grade (A-F) |
comparison | Record<string, number> | — | Delta vs previous |
Events
| Event | Detail | Description |
|---|---|---|
ai-eval-metric-click | {metric} | Metric clicked |