From contact to visit
import { ChartPanel, FunnelChart } from '@arbol-ai/ui/charts';
<ChartPanel note="24% of the contacts attended an appointment" title="Conversion funnel">
<FunnelChart
aria-label="Conversion from contact to visit"
description="1,240 contacted, 812 answered, 356 booked and 298 attended."
stages={[
{ label: 'Contacted', value: 1240 },
{ label: 'Answered', value: 812 },
{ label: 'Booked', value: 356 },
{ label: 'Attended', value: 298 },
]}
/>
</ChartPanel>Source
The examples above are src/charts/funnel-chart.examples.tsx, which the library’s tests render too.