Skip to content
React roughviz wrapper, lightweight package
JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
src
.babelrc
.gitignore
.npmignore
LICENSE
README.md
package-lock.json
package.json

README.md

react-roughviz

This is a thin React wrapper around the awesome roughViz.

Installation

npm i react-roughviz

Usage

    <h3>Bar</h3>
    <Bar
      data='https://raw.githubusercontent.com/jwilber/random_data/master/flavors.csv'
      labels='flavor'
      values='price'
    />
    <h3>Pie</h3>
    <Pie
      data={{
        labels: ['North', 'South', 'East', 'West'],
        values: [10, 5, 8, 3]
      }}
      title='Regions'
      colors={['red', 'orange', 'blue', 'skyblue']}
      roughness={8}
    />

See it in action here: https://codesandbox.io/s/react-codesandbox-zmn70

Development

Run it via

npm start

This runs an example app (at http://localhost:3000) via react-scripts, you can then edit the example or the packaged code.

You can’t perform that action at this time.