BarChart

CHARTS

Vertical bar chart powered by Recharts with theme-aware colors.

[EXAMPLES]

Basic

[PROPS]

PROPTYPEDEFAULTDESCRIPTION
dataRecord<string, string | number>[]Chart data points
xAxisKeystringKey in data used for the X axis
series{ dataKey: string; name?: string; color?: string }[]Bar series configuration
heightnumber300Chart height in pixels
horizontalbooleanfalseHorizontal bars
colorByIndexbooleanfalseDifferent color per bar
showLegendbooleanfalseShow chart legend
showGridbooleantrueShow grid lines

[ACCESSIBILITY]

ARIA

  • >SVG chart with aria-label
  • >Data also available in alt text