Parallel coordinates

[theiliad]

Future home of specs

[rafaelamascaro-star]

Hello @theiliad ! :)

Follow the sketch file link (https://ibm.ent.box.com/folder/149092599296) and the screens for the parallel coordinates attached. I would like to check with you if I can make the zoom anatomy of each variable, or those are going to be implemented directly on the code.

Also, I've used all the main components from the Data Viz sketch file, from IDL.

Would you like me to show to Jeannie too?

Thank you and I look forward to hearing from you!

Rafa

[theiliad]

Thank you @rafaelamascaro-star 🙌🏻 I've included Jean & Thy here for feedback.

I think if you could modify this image to correctly show the zoomed slider it'd be great.

The graph is clearly filtered/zoomed, however none of the sliders are in a zoomed state, so it'd be great to see at least 1 of those move and see what that'd look like.

[mjabbink]

The scale of the tooltip seems too small compared to the axis and label type sizes. Those also seem to be different type sizes?

[jeanservaas]

@mjabbink yeah agree, the tooltip does not look to be the correct scale in those images.

Also just looking at the designs of the zoombar in our storybook vs. what's above in the sketch, it looks like the stroke on your zoom axises is like 3px. There are also two grays being used... it looks like the dark gray 70 for the handles and then a lighter gray for the axis lines... Do we need to grays here or should we just take the current zoombar as is and use it here?

This is the small zoombar that's in our storybook — part of the reason the line is so dark is so it provides a clear contrast against the unselected line when you slide the handles:

![image](https://user-images.githubusercontent.com/43144260/139861921-05291069-99cf-445d-9f25-caed6acd8316.png

The axis numbers also look at bit light.

And yes, to @theiliad 's point, can we see a view when the axises are zoomed? Right now the chart is changing but the handles are not moving, are you just showing hover states above?

How would the chart work when you zoom multiple variables? you'd just see much fewer lines but all of the lines within the zoom area would be full opacity right @theiliad — and then all of the lines outside of the zoom scope would disappear?

[theiliad]

How would the chart work when you zoom multiple variables? you'd just see much fewer lines but all of the lines within the zoom area would be full opacity right @theiliad — and then all of the lines outside of the zoom scope would disappear?

Yes I think so

[rafaelamascaro-star]

Hello everyone, hope you are all well! :) @theiliad @jeanservaas @mjabbink

Follow attached the graphs changed based on your feedback and also the third one is with the zooming function.

Let me know if the zooming function makes sense to you, I did it following our discussion on our call.

Here's the sketch file: https://ibm.ent.box.com/folder/149092599296

@jeanservaas I've applied all the colors and the tooltip changes based on your reference. Let me know what you think.

If you have any questions or changes, I'm at your disposal!

Thank you so much and I look forward to hearing from you!

Rafa

[mjabbink]

@theiliad is this in dev now?

[theiliad]

@theiliad is this in dev now?

Yes. Coming soon

[vgb1993]

Looking forward for this one. We would like to represent different dimensions our clients orders. Do you have an ETA?