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 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

Spider / Radar
Circular Barplot