# Plotly js and Parallel Coordinates/Plots

**URL:** <https://community.plotly.com/t/plotly-js-and-parallel-coordinates-plots/2506>\
**Category:** plotly.js\
**Created:** [October 25, 2016, 1:13pm UTC](https://community.plotly.com/t/plotly-js-and-parallel-coordinates-plots/2506 "2016-10-25T13:13:30Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![FMiscia](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/fmiscia/32/680_2.png) [@FMiscia](https://community.plotly.com/u/FMiscia)\
**Post date:** [October 25, 2016, 1:13pm UTC](https://community.plotly.com/t/plotly-js-and-parallel-coordinates-plots/2506/1 "2016-10-25T13:13:30Z")

</div>

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](https://bl.ocks.org/jasondavies/1341281) developed in D3.  
Does anyone know how to do it? Otherwise the only chance is to use directly D3

Thank you very much

---

<div class="post-metadata">

**Author:** ![etienne](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/etienne/32/17_2.png) [@etienne](https://community.plotly.com/u/etienne)\
**Post date:** [October 26, 2016, 8:04pm UTC](https://community.plotly.com/t/plotly-js-and-parallel-coordinates-plots/2506/2 "2016-10-26T20:04:03Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![chelsea](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/chelsea/32/196_2.png) [@chelsea](https://community.plotly.com/u/chelsea)\
**Post date:** [March 17, 2017, 9:09pm UTC](https://community.plotly.com/t/plotly-js-and-parallel-coordinates-plots/2506/3 "2017-03-17T21:09:37Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![tkramer](https://avatars.discourse-cdn.com/v4/letter/t/eb9ed0/32.png) [@tkramer](https://community.plotly.com/u/tkramer)\
**Post date:** [April 13, 2017, 8:54pm UTC](https://community.plotly.com/t/plotly-js-and-parallel-coordinates-plots/2506/4 "2017-04-13T20:54:19Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![monfera](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/monfera/32/983_2.png) [@monfera](https://community.plotly.com/u/monfera)\
**Post date:** [April 25, 2017, 4:12pm UTC](https://community.plotly.com/t/plotly-js-and-parallel-coordinates-plots/2506/5 "2017-04-25T16:12:51Z")

</div>

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