react-chart

Simple, immersive & interactive charts for React

Features

• 1kb! (minified)

Demo

Table of Contents

• Installation
• Example

Installation

$ yarn add react-chart

Example

import React from 'react'
import { Line } from 'react-chart'

const myChart = (
  <Line
    data={[...]}
  />
)

import React from 'react'
import { Chart, Axis, Scale, Series, Toltip } from 'react-chart'

const myCustomChart = (
  <Chart>
    <Axis>
      <Scale>
        <Series />
        <Series />
        <Series />
      </Scale>
    </Axis>
    <Tooltip />
  </Chart>
)

Contributing

To suggest a feature, create an issue if it does not already exist. If you would like to help develop a suggested feature follow these steps:

• Fork this repo
• $ yarn
• $ yarn run storybook
• Implement your changes to files in the src/ directory
• View changes as you code via our React Storybook localhost:8000
• Make changes to stories in /stories, or create a new one if needed
• Submit PR for review

Scripts

• $ yarn run storybook Runs the storybook server
• $ yarn run test Runs the test suite
• $ yarn run prepublish Builds for NPM distribution
• $ yarn run docs Builds the website/docs from the storybook for github pages