Funnels and heatmaps
Cumulative stages with honest conversion, and matrices with fixed color domains.
FunnelChartCardHeatmapChartCardsummarizeFunnelStages
FunnelChartCard takes ordered, cumulative stages. Counts must be non-negative and cannot increase. Conversion is calculated only between adjacent known stages with a positive starting count; a missing count is never treated as zero. summarizeFunnelStages returns the same stage arithmetic for your own markup, and the card accepts selected and onSelectedChange to share its pinned stage.
HeatmapChartCard takes an x field, a y field and a numeric value. Missing cells use hatching; measured zero keeps its color. Arrow keys move through the matrix, and a click or Enter pins a cell. See Funnel and Heatmap for every prop.
TypeScript
<FunnelChartCard
title="Sign-up funnel"
data={signupFunnel}
category="stage"
value="people"
/>