Success rate
Success rate
Conversations that ended well
78.2%
Success rate, new agent
No conversations were evaluated
No data for this period
import { ChartPanel, GaugeChart } from '@arbol-ai/ui/charts';
<div className="grid gap-4 md:grid-cols-2">
<ChartPanel note="Conversations that ended well" title="Success rate">
<GaugeChart aria-label="Success rate" value={0.782} />
</ChartPanel>
<ChartPanel note="No conversations were evaluated" title="Success rate, new agent">
<GaugeChart aria-label="Success rate of the new agent" value={null} />
</ChartPanel>
</div>Source
The examples above are src/charts/gauge-chart.examples.tsx, which the library’s tests render too.