clay-charts-react

React.js implementation of Clay built on react-billboardjs

Setup

1. Install NodeJS >= v0.12.0 and NPM >= v3.0.0, if you don't have it yet. You can find it here.

2. Install local dependencies:

npm install

1. Build the code:

npm run compile

Running Demos

1. Install local dependencies:

npm install

1. Start development server

npm run start

1. Navigate to localhost:8080

Basic Usage

See billboard.js and react-billboardjs for a more in depth API

import ClayCharts from 'clay-charts-react';
 
<ClayCharts
    data={{
        columns: [['data1', 100, 20, 30], ['data2', 20, 70, 100]],
        type: 'bar',
    }}
/>;
 
// or
 
import { BarChart } from 'clay-charts-react';
 
<BarChart
    data={{
        columns: [['data1', 100, 20, 30], ['data2', 20, 70, 100]],
    }}
/>;