react-roughviz
This is a thin React wrapper around the awesome roughViz.
Installation
npm i react-roughviz
Usage
<h3>Bar</h3> <Bar ='https://raw.githubusercontent.com/jwilber/random_data/master/flavors.csv' ='flavor' ='price' /> <h3>Pie</h3> <Pie = ='Regions' = = />
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.
Testing
Due to how roughViz accesses the browser environment when rendering, React testing is limited: Testing by rendering to document.createElement()
, or snapshot testing, won't work.
Integration testing via e.g. jest-puppeteer is possible, though. See ./integration/smoketest.test.js, or run it yourself:
npm run test:integration