Synchronisation of multiple charts

Synchronisation of multiple charts

By Torstein Hønsi
Tags:

When it comes to displaying two data-series along a common X-axis, it is common to display the scale for one data set along the Y-axis on the left, and the other on the right.

However, for three or more data series, it may be better to split the data up into multiple, synchronized charts.

In this example we are tracking a runner’s performance along her path (X-axis), with separate charts for elevation, speed and heart-rate.

Hover over the chart with your mouse to track the exact value of each data point.

Do you like this example? Rate it!

Do you have some code you want to share with the world as well? Go here to learn how you may contribute some helpful code of your own.