# Quickstart

Start using `react-native-chart-kit` with a basic setup.

## React Native CLI

Terminal window

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

For iOS apps, install native pods after installing dependencies:

Terminal window

```sh
cd ios
pod install
```

## Expo

Install the package and the Expo-compatible `react-native-svg` version:

Terminal window

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

## First Modern Chart

New screens can import the modern v2 API from the public package subpath.

```tsx
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 },
  { month: "May", revenue: 95 },
  { month: "Jun", revenue: 176 }
];

export function RevenueChart() {
  return (
    <LineChart
      data={data}
      xKey="month"
      yKey="revenue"
      width={410}
      height={240}
    />
  );
}
```

The root import remains the legacy-compatible surface for existing screens.

For Pro charts, see [Pro chart installation](https://chartkit.io/docs/react-native/charts/pro-installation/).

[Edit page](https://github.com/chart-kit/react-native-chart-kit/edit/main/docs/getting-started/installation.md)

[Next  
Contributing](https://chartkit.io/docs/react-native/getting-started/contributing/)