# Charts

> Here you can find all the charts available in the library. We are working on adding more charts.

**BNA UI** — a React Native / Expo component library.
These components render through `react-native`, not the DOM: there are no HTML
elements, no Tailwind classes and no Radix primitives. Source is copied into your
project and imported through `@/components/ui/*`, `@/components/charts/*`,
`@/hooks/*` and `@/theme/*`. Colours come from the `useColor` hook rather than
hardcoded hex; sizing tokens (`HEIGHT`, `FONT_SIZE`, `BORDER_RADIUS`, `CORNERS`)
come from `@/theme/globals`.

- Docs: https://ui.ahmedbna.com/docs/charts
- Markdown: https://ui.ahmedbna.com/docs/charts.md

---

- [Area Chart](/docs/charts/area-chart)
- [Bar Chart](/docs/charts/bar-chart)
- [Bubble Chart](/docs/charts/bubble-chart)
- [Candlestick Chart](/docs/charts/candlestick-chart)
- [Chart Container](/docs/charts/chart-container)
- [Column Chart](/docs/charts/column-chart)
- [Doughnut Chart](/docs/charts/doughnut-chart)
- [Heatmap Chart](/docs/charts/heatmap-chart)
- [Line Chart](/docs/charts/line-chart)
- [Pie Chart](/docs/charts/pie-chart)
- [Polar Area Chart](/docs/charts/polar-area-chart)
- [Progress Ring Chart](/docs/charts/progress-ring-chart)
- [Radar Chart](/docs/charts/radar-chart)
- [Radial Bar Chart](/docs/charts/radial-bar-chart)
- [Scatter Chart](/docs/charts/scatter-chart)
- [Stacked Area Chart](/docs/charts/stacked-area-chart)
- [Stacked Bar Chart](/docs/charts/stacked-bar-chart)
- [TreeMap Chart](/docs/charts/treemap-chart)