Black Lives Matter. Please consider donating to Black Girls Code today.
Learn how to use COVID-19 data in open source Dash apps. Register for the Sept 23rd webinar with IQT!

Plotly js and Parallel Coordinates/Plots

I’m struggling to develop a parallel plot with plotly js.
I cannot find anything similar among the example plots provided in the web site.
Basically I’d like to have the same result as this example developed in D3.
Does anyone know how to do it? Otherwise the only chance is to use directly D3

Thank you very much

You might want to subscribe to https://github.com/plotly/plotly.js/issues/1071 for the latest development info

Docs for parallel coordinate plots with plotly.js can now be found here: https://www.plot.ly/javascript/parallel-coordinates-plot/

1 Like

That’s a great example. Is there a way to trigger an event on the d3 brush events to determine the highlighted lines and what the selected limits are for each axis?

Yes you can subscribe to events like on other plots, in this case the plotly_restyle event, here’s an example:

  1. open http://codepen.io/monfera/pen/dNBwOv and open the dev console
  2. grab one of the magenta sliders, move it and then release it
  3. watch console to show output (undefined dimensions mean no constraint set)
  4. see the subscription to ‘plotly_restyle’ in the JS code snippet