Graphs / Plots

Comparisons, Patterns, Relationships

What is it?

This type of visualisation is used for plotting multivariate, numerical data. Parallel Coordinates Plots are ideal for comparing many variables together and seeing the relationships between them. For example, if you had to compare an array of products with the same attributes (comparing computer or car specs across different models).

The downside to Parallel Coordinates Plots, is that they can become over-cluttered and therefore, illegible when they’re very data-dense. The best way to remedy this problem is through interactivity and a technique known as “brushing”. Brushing highlights a selected line or collection of lines while fading out all the others. This allows you to isolate sections of the plot you’re interested in while filtering out the noise.

In a Parallel Coordinates Plot, each variable is given an axis and all the axes are placed parallel to each other. Each axis can have a different scale, as each variable works off a different unit of measurement, or all the axes can be normalised to keep all the scales uniform. Values are plotted as a series of lines that are connected across all the axes. This means that each line is a collection of points placed on each axis, that have all been connected.
The order the axes are arranged can impact the way how the reader understands the data. One reason for this is that the relationships between adjacent variables are easier to perceive than for non-adjacent variables. So re-ordering the axes can help in discovering patterns or correlations across variables.

When to use it?

Tools to create the Charts

Code-based:
https://echarts.apache.org/examples/en/editor.html?c=parallel-simplehttps://d3-graph-gallery.com/parallel.htmlhttps://bl.ocks.org/jasondavies/1341281https://bl.ocks.org/mbostock/1341021https://plotly.com/javascript/parallel-coordinates-plot/https://www.python-graph-gallery.com/parallel-plot/https://r-graph-gallery.com/93-parrallel-plothttps://vega.github.io/vega/examples/parallel-coordinates/https://vega.github.io/vega-lite/examples/parallel_coordinate.html

Webapp:
https://insights.datylon.com/stories/qETrNkGNR0ngKD3lRg1FXwhttps://www.rawgraphs.io/learning/how-to-make-parallel-coordinates

Similar Charts : Parallel Sets (Data%20Visualisation%20cfe04a5761eb434cace32c6033e3a4e3/Parallel%20Sets%2066fcc2863712457b83967b11b4fd7bb4.csv), Radar Chart (Data%20Visualisation%20cfe04a5761eb434cace32c6033e3a4e3/Radar%20Chart%204e0d16ce83354d359981ae2b3a571884.csv)