Chart

Beautiful charts. Built with react-native-svg and a recharts-style API. Copy and paste into your apps.
JanFebMarAprMayJun18630523773209214
February
Desktop
305
Mobile
200
Desktop
Mobile
JanFebMarAprMayJun
JanFebMarAprMayJun
March
Mobile
120
Desktop
237
JanFebMarAprMayJun0200400
Desktop
73
Mobile
190
925
Chrome
275
Chrome
Safari
Firefox
Edge
Other
27520018717390
JanuaryFebruaryMarchAprilMayJune
February
Desktop
305
Mobile
200
Desktop
Mobile
ChromeSafariFirefoxEdgeOther925
Chrome
275

Installation

Every component ships in @astrawind/ui. If you haven't set it up, follow the installation guide, then import the component:
Terminal
npx expo install @astrawind/ui @astrawind/css lucide-react-native react-native-svg

Usage

tsx
import { Area, AreaChart, Bar, BarChart, CartesianGrid, ChartContainer, ChartLabel, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, LabelList, Line, LineChart, Pie, PieChart, PolarAngleAxis, PolarGrid, PolarRadiusAxis, Radar, RadarChart, RadialBar, RadialBarChart, XAxis, YAxis, type ChartConfig, } from "@astrawind/ui/chart"
See the Code tab above for a complete example.
Built with @astrawind/ui and @astrawind/css. Components ported from shadcn/ui (MIT).