rn-svg-graph v1.0.14

RN-SVG-Graph

A customizable and easy-to-use line chart component for React Native using SVG.

Installation

You can install rn-svg-graph using npm:

npm install rn-svg-graph

or using yarn:

yarn add rn-svg-graph

install react-native-svg

npm install react-native-svg

or using yarn:

yarn add react-native-svg

Usage

Here's a simple example of how to use the LineChart component:

import React from 'react';
import { View } from 'react-native';
import LineChart from 'rn-svg-graph';

const data = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
const color = 'blue';

export default function App() {
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <LineChart
        data={data}
        width={300}
        height={200}
        color={color}
      />
    </View>
  );
}

Props

Here are the props that you can pass to the LineChart component: