Data and analytics · §5.25

Bar chart

Grouped or stacked comparisons.

Layout
Theme
Contrast
Language
Motion
Text size

Code

<BarChartView data={data} series={series} stacked xKey="day" />

Accessibility

  • Per-bar tooltips; the table view lists every value.

Usage

Do

  • Stack parts of a whole.

Don't

  • No 3D, no gradients.

Platforms

Web
apps/web/components/edflow/charts.tsx
iOS
Swift Charts BarMark
Android
Vico column chart