Dash Cytoscape - Layout and User Interaction

[@CharmingData]

Hi everyone, I hope you learn a lot from this tutorial. Let me know if you have any questions.

[@amir_forooghi]

I like the way you use docs in your tutorials. Keep it up Adam. :-)

[@CharmingData]

Thanks @Amir :)

[@Sir_Prise_William_for_ReaL]

Hey I'm soo glad I found this channel. I have to do a co author network for a software project in university. I'm more a theoretical computer scientist and I have no experience with web applications. Your videos are giving me all the things I need to know! After hours of trying to understand the docs this is kind of an Oasis :D Thanks a lot!

[@CharmingData]

You're welcome William. Thanks for watching

[@iancu_de_hunedoara]

great tutorial, thanx

[@nima0935]

Great lectures. Honestly, I learned a lot. I used to use PyQt for creating interactive visualization python apps, but this empowered me to do more, faster, and more brilliantly. Thanks for your amazing videos.

[@rezahamzeh3736]

Great like always!

[@CharmingData]

Thank you Reza. Do you think you will use Dash Cytoscape in future dashboards?

[@meeras6311]

Great Tutorial , I have a question if the nodes can be restricted to move only towards y axis ? Thanks

[@leonardomolina8958]

A good way to use the "preset" template is to first calculate the node positions with NetworkX. I have also seen other projects related to Dash for visualization and interaction with networks: Visdcc (github.com/jimmybow/visdcc) and Jaal (github.com/imohitmayank/jaal). Hopefully in the future you can review them

[@CharmingData]

Very interesting apps they build with Dash, and it's impressive how they filter their networks here. Thanks for sharing, Leonardo. I'm going to look deeper into these resources, and see if I can created somethig not too complicated for my viewers.

[@spacedoge2946]

First of all thank you for all of your videos. I would have never been able to write a GUI if not for dash and your videos. Any chance we get some examples on how to configure some of the force directed layouts? I am having trouble figuring out how to go about doing this. Especially for the cola layout.

[@CharmingData]

you're welcome. What do you mean force-directed layouts?

[@spacedoge2946]

@@CharmingData Sorry for the late reply! I mean things like cola, cose, etc. where the layouts are determined by "physical" attributes. It would be nice if we could set some of these physical attributes in dash and have the cytoscapes evolve accordingly

[@AshishKumar-gk4oq]

I have two data sources how to plot both of them in single figure

[@商小小]

I have a question from my research projrct. There is a network and a dropdown which contains all the nodes of the network. When I select a node from dropdown, the network will highlight the node. May you give me some idea about how to solve this question? Thanks a lot!

[@CharmingData]

Hi, I'm not sure. This is a tricky challenge. Let me think about it.

[@roemerderuiter9003]

I have a question, is it possible to record a tap on the canvas. So not on one of the nodes or edges but on the whitespace aka the background?

[@CharmingData]

Hi, not that I know of, no.

[@CeesMichielsen]

Hi Adam, how do I get the position (x, y) of a node that a user tapped? I would like to save the layout of the graph after it has been altered by the user. Thanks! Cees.

[@CharmingData]

hi @Cees I haven't tried that. Try this forum post. Does that solve your question? community.plotly.com/t/dash-cytoscape-returning-node-positions-from-layout/23818/4

[@CeesMichielsen]

@@CharmingData Thanks @Adam! At first sight this looks exactly what I need. I have not figured out yet how to connect the cy.Nodes() to our cytoscape elements, but it certainly is a step in the right direction.

[@DanielMorales-cq3cs]

Hello, your videos are awesome and this is helping me a lot to learn plotly and dash, I was wondering if you have a video on how to use the dcc.Upload component? Or if you could make a tutorial that could be awesome! Thanks

[@CharmingData]

Hi Daniel, I don't think I have a video on that, but I was planning to post something on the Upload topic for my supporters. If my channel helped you, and you'd like to support my work, I would be grateful to you. You can do so here as KZbin member or through Patreon. www.patreon.com/charmingdata I have content and learning material on Dash Plotly that are exclusive for members, and I'll make sure to make the Upload one for you :) Thank you, Daniel.

[@rubykhan7765]

Hi I want to make yFiles orthogonal Layout in python. How I can do it?

[@Alex-ip9bn]

Hi! i like your videos. few people make a video about the dash, but have you video about jinja2 and how work with html temlates into dash app ? Or , maybe you know anouther way how to generate many same bootstrap elements with different contents like this:

[@CharmingData]

sorry @kooka. I'm not sure how to generate those bootstrap elements. Is Dash Bootstrap not working for you?

[@Alex-ip9bn]

​@@CharmingData Dash Bootstrap is working but for my purposes the jina2 is perfect. ok will loking for solutions myself