Skip to content
← Highcharts Javascript API

I suggest you ...

Highcharts Javascript API

Categories

JUMP TO ANOTHER FORUM

(thinking…)

Multiple dimensions on 2D chart

Most people use the 2D charts with 2 variables only. But with the advance in data analytics 2 variables on the same charts are no longer enough. We need to be able to display multi dimension on 2D charts. Few ways to achieve this are:
* Allowing the size of the markers to change to based on a third dimension
* Allowing color of the markers or lines to change based on a 3rd dimension
* Allowing shape of the markers to change based on a third dimension.

If we apply all the options above we should be able to plot a 5 dimensions in a 2D plot

Few examples of those being applied:
https://www.mathworks.com/matlabcentral/mlc-downloads/downloads/submissions/48005/versions/2/screenshot.jpg

https://www.mathworks.com/matlabcentral/mlc-downloads/downloads/submissions/48005/versions/2/previews/html/bubbleplot_examples_03.png

https://www.mathworks.com/matlabcentral/mlc-downloads/downloads/submissions/48005/versions/2/previews/html/bubbleplot_examples_04.png

http://www.gnuplotting.org/using-a-palette-as-line-color/

https://www.mathworks.com/matlabcentral/mlc-downloads/downloads/submissions/17582/versions/7/screenshot.jpg

https://blogs.mathworks.com/videos/2014/08/12/coloring-a-line-based-on-height-gradient-or-some-other-value-in-matlab/

http://oceanobservatories.org/wp-content/uploads/2015/12/fig3.png

4 votes
Vote

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close
You have left! (?) (thinking…)
Leandro Santos shared this idea  ·   ·  Report…  ·  Admin →
How important is this to you?

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • AdminPaweł Fus (Admin, Highcharts JS) commented  ·   ·  Report

    Hi Leonardo,

    Thanks for sharing the idea! It would be nice to support this natively, I think we can add colorAxis to the bubble series and here we are: http://jsfiddle.net/BlackLabel/pkhzwcop/1/

    - x,y - position of a shape
    - z - size of a shape
    - colorValue - color taken from colorAxis
    - marker.symbol - to generate different shapes on the chart, this part needs to be done manually (e.g. using different series, or setting marker for each point)

    When rendering multiple dimensions on the chart, we could alternatively use parallel-coordinates: http://jsfiddle.net/BlackLabel/m3215a9r/