better API support for parallel coordinates (parcoords) lines styles

[ndabAP]

At the moment, it's not possible to change the width of the parallel coordinates line or change the color of the axis lines/ticks.

https://codepen.io/plotly/pen/ZepaxM

[idea-launch-lab]

On related note, is it possible to apply a color function to selectively color lines, e.g., based on a categorical attribute. A feature that the parcoords API might support. Thanks.

[etpinard]

Merging the "axis" part of this request in #2292

[bhvbhushan]

Is there any update on this issue ?? or some alternative probably ??? Thanks

[bthorsted]

Not sure if this is relevant, but adding support for exporting parcoords to vector graphics would also be greatly appreciated.

[ped59430]

+1

[Buiboni]

+1 for line style manipulation.

[nicolaskruchten]

This is a good idea, and we would happily work with someone from the community to get these changes implemented :)

[KaleabTessera]

+1

[ag-ayush]

+1

[Di-o-go]

+1

[empet]

I answered a question on Julia discourse related to setting font color and font family for both ticks and labels in a parcoords chart.
With this code:

mytrace = parcoords(;tickfont_size=14, tickfont_color="white",  tickfont_family="Balto",
                     line = attr(color=df.score23),
        dimensions = [
            attr(range = [0,1],
                 label = "response1", values = df.response1),
            attr(range = [0,1],
                 label = "response2", values = df.response2),
            attr(range = [0,1],
                 label = "response3", values = df.response3),
            attr(range = [0,1],
                 label = "response4", values = df.response4)
        ]);

        layout = Layout(Dict{Symbol,Any}(
            :font_family=> "Balto",
            :font_size=>20, 
            :font_color=>"white",
            :paper_bgcolor => "rgb(105, 105, 105)",
            #:plot_bgcolor => "rgb(105, 105, 105)",
            ))

the ticklabels are displayed as if the font were set to be bold:

Is this the intended behaviour?
It's so difficult to style this trace type!!!! The font for ticks doesn't appear to be from the Balto family, like that for labels.

[nicolaskruchten]

We've solved this and the fix will come out soon :) And yes, parcoords was built rather differently from the rest of this library, so it doesn't automatically inherit many of our fixes and improvements and its API is a bit inconsistent :(

[archmoj]

We've solved this and the fix will come out soon :) And yes, parcoords was built rather differently from the rest of this library, so it doesn't automatically inherit many of our fixes and improvements and its API is a bit inconsistent :(

This is addressed by #5506.

[YousufAzadSami]

So is this feature implemented? I am interested in changing the line width in parallel coordinates.

[sasikumar-enugunta]

It did worked in Ubuntu, but not in Windows. Unfortunately Plotly doesn't support that and I have implemented it using D3.js

…

On Tue, May 31, 2022, 8:59 PM Yousuf Azad (Sami) ***@***.***> wrote: So is this feature implemented? I am interested in changing the line width in parallel coordinates. — Reply to this email directly, view it on GitHub <#2573 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AJSYZL5NE3XVO7AZDQBF3KLVMYV57ANCNFSM4E3J6T6Q> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[kamibrumi]

I would like the feature of changing the width of the parallel coordinates lines. Any update on this?

[samlopezruiz]

+1

[afaucet-lam]

+1

[sketelone]

+1

[jannik-el]

Also would appreciate this feature - not really any other options when it comes to parallel plots in python. With less than 20 lines it becomes impossible to see the individual ones.

[kamibrumi]

Has anyone started working on this? I'm willing to start a PR.

[sroener]

I would also agree that this is an important feature! Especially line width and opacity would be great!

An additional point on the wishlist would be an option to get spline lines/bundling of lines.

Maybe as some form of Inspiration: https://facebookresearch.github.io/hiplot/

They made a great visualization tool, but one could never export the plot as static data and it is a public archive by now.

[kamibrumi]

Cool, I started looking into it. @archmoj I saw that you wrote the code for the line width in lines.js under src/traces/parcoords. Do you think this feature is relevant / it would be a good first contribution? (I'm new to open-source contributions)

[BrannJoly]

I solved it with a hack, it works great!

Basically, when I want to highlight a line, I temporarily set a constraintRange on all dimensions matching the line's value +/- 2%
This has a double effect :

• all the other lines become greyed out with an opacity at 30%
• on each axis there's a pink highlight around the lines value which helps making the line stand out

on top of that I set the color for all lines to red (but it affects only my selected line as the others are greyed out)

I found this was enough for my need, but to make the line wider it would also be possible to create some additional lines with values slightly lower and higher than the actual values. I they are inside the 4% range around the actual value they wouldnt be filtered and would stand out as well.

a bit on the hacky side, but I prefer this over using hiplot (a library that supports this feature very well, but comes with its own bag of issues)

this is what the final result looks like

[varanasivenkatsai]

Hi @BrannJoly, this solution looks really great. Could you be able to provide quick sample code on how you achieved it?

[AhmedThahir]

Any updates?

[gvwilson]

My apologies @AhmedThahir - we have been focused on getting the next full plotly.js release out the door. Realistically, we are unlikely to get to this one any time soon, but if someone from the community wants to submit a PR, I will prioritize review. Thanks - @gvwilson