Parallel Coordinates chart





This is the Parallel Coordinates chart section of the gallery. If you want to know more about this kind of chart, visit data-to-viz.com. If you're looking for a simple way to implement it in d3.js, pick an example below.

Step by step

The trickiest part of the parallel coordinate chart is to build one axis per group automatically. This concept is described in the first example below. Then, it is easy to add hover and color effect to highlight group differences, and to custom axis ranges.



Selection of blocks

Related chart types


Barplot
Spider / Radar
Wordcloud
Parallel
Lollipop
Circular Barplot