React Native Chart Kit

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







<a href="https://www.npmjs.com/package/react-native-chart-kit"><img alt="npm" src="https://img.shields.io/npm/v/react-native-chart-kit?style=flat-square" /></a>
<a href="https://www.npmjs.com/package/react-native-chart-kit"><img alt="downloads" src="https://img.shields.io/npm/dm/react-native-chart-kit?style=flat-square" /></a>
<a href="https://github.com/chart-kit/react-native-chart-kit/raw/v7.0.1/LICENSE"><img alt="license" src="https://img.shields.io/npm/l/react-native-chart-kit?style=flat-square" /></a>







<a href="https://chartkit.io/">Website</a>
·
<a href="https://chartkit.io/docs/react-native/">Docs</a>
·
<a href="https://chartkit.io/docs/react-native/getting-started/installation/">Quickstart</a>
·
<a href="https://chartkit.io/docs/react-native/charts/pricing/">Pro</a>

Install

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

Expo:

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

First Chart

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}
    />
  );
}

The root import stays available for legacy screens. New screens should use react-native-chart-kit/v2.

What You Get

• Modern public charts: line, area, bar, pie, donut, progress, and contribution heatmap.
• Mobile interactions: tap selection, shared tooltips, and crosshairs.
• Shared themes and SVG renderer defaults.
• Migration help for existing apps: from v1 and prop mapping.

Pro Charts

Chart Kit Pro adds licensed chart workflows for product dashboards:

• Candlebar, radar, realtime bar, and combo charts.
• PNG and SVG export APIs for reports, sharing, and background rendering.
• Install Pro or compare pricing.

Links

• Full documentation
• Troubleshooting
• Contributing
• llms.txt