A variation around the ParallelCoordinates component. Well suited for large data sets as it does not impact DOM tree depth, however you'll lose the isomorphic ability and transitions.
The responsive alternative of this component is
ResponsiveParallelCoordinatesCanvas.
Chart data.
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.
Optionally group your data on a given property.
Explicitly specify available groups (only works with groupBy).
'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.
Define style for common elements such as labels, axes…
Define chart's colors.
2Lines width.
0.5Lines opacity.
'lines', 'axes', '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.