Parallel Coordinate Chart + Range selector + Data Grid

parallelcoord datagrid dashboard

Parallel coordinate chart has a powerful data analysis tool built-in - Range Selectors.

A range selector defines a value range [start, end] along 1 specific Axis, and highlights the series whose value is within that range.

Range selectors can be created in two ways:

  1. Built-in user interaction, double click on any Axis to create a Range selector there.

  2. Programmatically, using Axis.addRangeSelector method.

Range selectors can also be freely moved/resized by dragging on them, or deleted by double clicking on one.
This makes Range selectors a powerful exploratory data analysis tool that allows the user to find relations in data.

You can also connect custom data analysis scripts to interact with the user interactions.
In this example, the currently highlighted series are displayed in an adjacent DataGrid.

If the chart contains several Range selectors, then only series that pass all the conditions are highlighted.