A react wrapper around d3 parallel-coordinates
npm install react-parcoords``sh`
$ npm install --save react-parcoords
jsx
import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import {ParallelCoordinates} from '../../src';const dimensions = {
A: {
title: 'Title A',
type: 'number'
},
B: {
title: 'Title B',
type: 'number'
}
};
const data = [
{A: 1, B:4},
{A: 4, B:3},
{A: 3, B: 1}
];
const props = {
color: 'red',
width: 800,
height: 300,
dimensions,
data: data,
highlights: [],
onBrush: console.log,
onBrushEnd: console.log,
onLineHover: console.log,
onLinesHover: console.log
};
ReactDOM.render(
,
document.getElementById('example')
);
``MIT
d3.parcoords.js and d3.parcoords.css licensed under BSD-3-Clause.
[npm-image]: https://badge.fury.io/js/react-parcoords.svg
[npm-url]: https://npmjs.org/package/react-parcoords
[travis-image]: https://travis-ci.org/neptunjs/react-parcoords.svg?branch=master
[travis-url]: https://travis-ci.org/neptunjs/react-parcoords
[daviddm-image]: https://david-dm.org/neptunjs/react-parcoords.svg?theme=shields.io
[daviddm-url]: https://david-dm.org/neptunjs/react-parcoords