Dash Cytoscape - Styling

[@CharmingData]

Hey All, Here's the supporting document of the video which has more resources on defining parameters for Cytoscape styling. Good luck to you

[@lydiaaidyl3328]

Thank you so much, I have come such a long way watching your videos! One thing I want to add in case someone else was having the same problem I was, I had to encode my images in order to appear.

[@CharmingData]

Thank you for helping others :)

[@aestebanpl5552]

Thanks!!, extremelly useful. i hadn't found documentation related with this topic. my headache is gone jejej

[@leonardomolina8958]

Very good tutorial, thank you very much. Impressive everything that can be done with Dash, from Excel-style tables to networks. Conditional styling is like having mini callbacks without needing to write the decorated function. I did not know how to put the edges in the shape of an arrow and with a certain transparency in color for directed graphs, thanks to you I already know how to do it. I know I need to read more documentation (and that Dash and Plotly documentation is very good, compared to Matplotlib).

[@CharmingData]

Thank you Leonardo. Yes, conditional styling is like having a magic wand 😁

[@SinaAkhavi]

good explanation!

[@burntc]

Hi, I have a question and I was wondering if you knew the answer: With your tutorial, I made edges and I made some other edges in purple. They were all selectable, but now since some are purple, I cannot see that they're selected anymore (which makes the other grey ones blue). Do you know a solution to this?

[@CharmingData]

I do not. Sorry, @Nicole

[@evileyelivelumix831]

Thank you for the tutorial. Just wondering could you add an extra object time slicer in the code, so the data can be showing changes or different connections over time, like a dynamic network analysis over time?

[@viktorgoa]

Thank you, I can't express how useful this is for me! My question is how do you position, almost like conditionally, the nodes? E.g. node group 1 should be on the left, node group 2 on the right, or in a more specific way, etc.

[@DavidPapapostolou]

Adam, thanks so much for this very clear tutorial. You showed us how to style a node with a shape or an image. Is it possible to display an icon instead of a shape or image? Even better: the same icon for each node within a given class? Thank you.

[@CharmingData]

I'm not sure, it's been so long since I made this video. I highly recommend you ask your question on the Plotly forum. community.plotly.com/

[@jieyili1071]

Thanks a lot for your tutorial! I have question about how to style the edge. I’m currently working on the visualization of certain paper clusters. one of my requirements is to show the similarity of the papers using the distance of the edge between two nodes. The similarity scores have already been calculated. However, I can’t really find how to customize the edge length between nodes with Dash Cytoscape in Python. Since my whole project is in python and I’m not familiar with Js. It would be great if anyone know how to implement this in Python. Many thanks in advance!