Charts for React Native

Beautiful Charts & Graphs

A collection of ready-to-use chart components built with react-native-svg and a recharts-style API. From basic charts to rich data displays, copy and paste into your apps.
Documentation
Area Charts
Bar Charts
Line Charts
Pie Charts
Radar Charts
Radial Charts
Tooltips

Tooltip - Default

Default tooltip with ChartTooltipContent.
MonTueWedThuFriSat
2024-07-16
Running
380
Swimming
420

Tooltip - Advanced

Tooltip with custom formatter and total.
MonTueWedThuFriSat
Running
380
kcal
Swimming
420
kcal
Total
800
kcal

Tooltip - Formatter

Tooltip with custom formatter .
MonTueWedThuFriSat
Running
380
kcal
Swimming
420
kcal

Tooltip - Icons

Tooltip with icons.
MonTueWedThuFriSat
Running
380
Swimming
420

Tooltip - Line Indicator

Tooltip with line indicator.
MonTueWedThuFriSat
2024-07-16
Running
380
Swimming
420

Tooltip - No Indicator

Tooltip with no indicator.
MonTueWedThuFriSat
2024-07-16
Running
380
Swimming
420

Tooltip - Custom label

Tooltip with custom label from chartConfig.
MonTueWedThuFriSat
Activities
Running
380
Swimming
420

Tooltip - Label Formatter

Tooltip with label formatter.
MonTueWedThuFriSat
July 16, 2024
Running
380
Swimming
420

Tooltip - No Label

Tooltip with no label.
MonTueWedThuFriSat
Running
380
Swimming
420
Built with @astrawind/ui and @astrawind/css. Components ported from shadcn/ui (MIT).