Parallel coordinates chart, supports continuous numerical variables and discrete values.
The responsive alternative of this component is
ResponsiveParallelCoordinates, it also offers another
implementation, see
ParallelCoordinatesCanvas.
The @nivo/parallel-coordinates package also exposes a
ParallelCoordinatesLayout component which can be used to build
your very own chart. You can see how it's used to build the
ParallelCoordinates component
here.
Chart data.
'horizontal'Chart layout.
'linear'Curve interpolation.
'after'Axes ticks position.
Chart width.
Chart height.
'Depends on device'Adjust pixel ratio, useful for HiDPI screens.
Chart margin.
Variables configuration.
Variable id, unique identifier for this variable.
Variable value, used to access to corresponding datum value.
Min value.
Max value of linear scale.
Define style for common elements such as labels, axes…
Define chart's colors.
2Lines width.
0.5Lines opacity.
'axes', 'lines', 'legends']Define layers, please use the appropriate variant for custom layers.
Can be used to get the computed legend data.
Optional chart's legends.
Defines legend anchor relative to chart's viewport.
Legend direction, must be one of 'column', 'row'.
Justify symbol and label.
Legend block x translation.
Legend block y translation.
Legend item width.
Legend item height.
Spacing between each item.
Item symbol size.
Item layout direction.
trueEnable/disable transitions.
'gentle'Motion config for react-spring, either a preset or a custom configuration.
Main element role attribute.
Main element aria-label.
Main element aria-labelledby.
Main element aria-describedby.