A ReactJS wrapper around some standard D3 charts

CL React Graphs

A ReactJS wrapper around some standard D3 charts

Setup

npm i -S cl-react-graph

Documentation

The interactive docs can be found at: https://infosum.github.io/cl-react-graph/

Developers

Building the code

npm run build

Publishing to NPM

Ensure that the version number is bumped & publish

npm version patch -m "Upgrade to %s for reasons"
npm publish

Note you will need to authenticate to NPM to publish.

Running docs in development mode

If you don’t have Gatsby already installed:

npm i -g gatsby

Then, to run the docs in development mode

cd docs-src
gatsby develop

the site will be available on http://localhost:8000

Building the docs

cd docs-src
npm run build

The docs will be built in /docs

Version 3 TODO:

Horizontal histogram

• Add example of 2nd X axis
• Use/update the component which will be used to show the percentage values in the demo dataset
• Investigate axis scales and use demo page props on example axis.

Pie Chart

• TODO

Tornado

• Check all props can be used

Download Details:

Author: infosum

Source Code: https://github.com/infosum/cl-react-graph

#reactjs #javascript #react