Horizontal bars
Ranked categories keyed by identity while values and order change.
HorizontalBarChartCard
HorizontalBarChartCard ranks categories from a text field and a numeric field. Rows stay keyed by identity while their values and ranking change, so a re-ranked row slides rather than redraws. sort can be descending (default), ascending or input; limit folds the rest into one "Other" row. Negative values extend left of zero, and measured zero stays distinct from missing data.
Up/Down and Home/End move between rows; click or Enter pins one, Escape releases it. To own the pin, pass selected and onSelectedChange (see selection).
TypeScript
<HorizontalBarChartCard
title="Revenue by channel"
data={channelRevenue}
category="channel"
value="revenue"
/>