clay-charts-react

clay-charts-react

React.js implementation of Clay built on react-billboardjs

Setup

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

• Install local dependencies:

npm install

• Build the code:

npm run compile

Running Demos

• Install local dependencies:

npm install

• Start development server

npm run start

• 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]],
	}}
/>;