better API support for parallel coordinates (parcoords) lines styles

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

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.

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

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

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

+1

+1 for line style manipulation.

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

+1

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.

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

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

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.

@archmoj

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)

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

@BrannJoly

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

Any updates?

@AhmedThahir

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

Any update on increasing the line width?

@DanielWigh

apologies @DanielWigh but we don't have anyone to put against this any time soon - as noted on Jan 20, we'd be happy to prioritize review and merge of a community PR. Thanks - @gvwilson

@gvwilson

@gvwilson Okay thanks, might try to do this in a few weeks.

Navigation Menu

Repository navigation

better API support for parallel coordinates (parcoords) lines styles #2573

8 remaining items

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

better API support for parallel coordinates (parcoords) lines styles #2573

Description

Activity

idea-launch-lab commented on Jun 27, 2018

etpinard commented on May 31, 2019

bhvbhushan commented on Jul 17, 2019

bthorsted commented on Jan 30, 2020

ped59430 commented on Jun 30, 2020

Buiboni commented on Jul 14, 2020

nicolaskruchten commented on Jul 14, 2020

KaleabTessera commented on Oct 30, 2020

ag-ayush commented on Mar 15, 2021

Di-o-go commented on Apr 14, 2021

empet commented on Apr 20, 2021

nicolaskruchten commented on Apr 20, 2021

8 remaining items

kamibrumi commented on May 10, 2024

sroener commented on May 10, 2024

kamibrumi commented on May 12, 2024

BrannJoly commented on Sep 2, 2024

varanasivenkatsai commented on Sep 18, 2024

AhmedThahir commented on Jan 19, 2025

gvwilson commented on Jan 20, 2025

DanielWigh commented on Jul 7, 2025

gvwilson commented on Jul 8, 2025

DanielWigh commented on Jul 8, 2025

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions