react-d3-plotter

This library provides wrappers for d3 visualization components, starting with a simple scatter plot. The motivation is to build a more up-to-date library for easy and fast prototyping of data visualization. Contributors are welcome.

Install

npm i -S react-d3-plotter

Prerequisites

npm i -S react d3

Scatter plot

Pass an array of x,y value pairs to the scatter plot. For instance:

const data = [[1,1], [2,10], [5,16]]

import { ScatterPlot } from 'react-d3-scatter'
...
<ScatterPlot data={data} />

Props

| props | default | type | description | | - | - | - | - | | data | [] | array | Array of x, y value paris | | width | 600 | number | The width of the scatter plot in px | | height | 400 | number | The height of the scatter plot in px | | padding | 60 | number | A padding value in px to properly display axis |