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.
'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.
2
Lines width.
0.5
Lines opacity.
'axes'
, 'lines'
, 'legends'
]Define layers, please use the appropriate variant for custom layers.
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.
true
Enable/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.