react-d3-scatterplot-matrix
Based off of https://bl.ocks.org/mbostock/4063663
GNU General Public License, version 3.
This is a work in progress. Better documentation coming soon.
Description
A Scatterplot Matrix react component design for the visualization of results yielded by the k-means algorithm. Features an interactive legend, data selection & brushing.
Usage
Install
npm install react-d3-scatterplot-matrix --save
Import the component into your source code:
import Matrix from 'react-d3-scatterplot-matrix';
Call the component with a plotId and properly formatted data / centroids:
<Matrix plotId="kMeans" data={this.state.matrixData} centroids= {this.state.centroids} />
Properties
The React Component takes 3 required props:
data: array
centroids: array
plotId: string
data & centroids properties are of this format:
[
{
"0" : 152.9655172413793
"1" : 474.82758620689657
"2" : 120.41379310344827
"centroid" : 0
}
]
plotId
is a unique identifier for your component
Release
npm run build
make sure release version matches the version in package.json
git commit
git push
go to github, create release
npm publish