Beautiful charts for React Native. Line, area, bar, pie, donut, progress, and contribution heatmaps for dashboards, reports, and data-rich mobile apps.

Website · Docs · Quickstart · Examples · Pro

npm install react-native-chart-kit react-native-svg

npm install react-native-chart-kit
npx expo install react-native-svg

import { LineChart } from "react-native-chart-kit/v2";
const data = [
  { month: "Jan", revenue: 52 },
  { month: "Feb", revenue: 86 },
  { month: "Mar", revenue: 58 },
  { month: "Apr", revenue: 134 }
];
export function RevenueChart() {
  return (
    <LineChart
      data={data}
      xKey="month"
      yKey="revenue"
      width={410}
      height={240}
    />
  );
}