developing gene-pathway visualisation

[Sakshisrivastava413]

Todo:

• Parse data in the format required by graph lib (nodes and edges)
• Render and test graph UI
• Add tooltip on node hover to show additional information
• Add color indications - child with multiple parents will have multiple colors
• Setup pathway filter
• Add test using Jest
• Support for tool API version 2

Used cose-blikent extension for node layout placement. Using DOM methods to show tooltip on node hover. Created a constant file containing an array of colors and picking node color from there which will maintain it's after filtering also. Added select and deselect option in pathway filter panel for ease in filtering. Also, made it compatible for single as well multiple entity gene interactions.

Enhancements:

• Changed shape of the parent node to barrel - rounded square and child node to ellipse to distinguish gene and its pathway easily
• Removed labels from all pathway nodes
• Created a toggle button to show only the shared pathway nodes when on and all nodes when switched off
• Commented code

[asherpasha]

Hi Sakshi,
Thank you for getting started on this. I have tested it on my computer, and it works. I think we should merge the pull request.
See:

[Sakshisrivastava413]

Thanks @asherpasha for having a look at this. :) Let me first complete the checkpoints then it will ready to get merged.

[asherpasha]

Looks good to me.

[heralden]

This looks great like the other network graphs! 🎉

I added some comments on things which should be quick to fix.

The state could be cleaned up similarly to intermine/bluegenes-interaction-network#1, but since it already works like it is, it isn't really high priority (it's more of an exercise if you want to improve your React skills). I can create an issue for this later, along with some other stuff which we can solve in separate PRs:

• Handling of no results (currently it seems to show Loading forever)
• Disable shared nodes on load if none are present (instead of an empty screen)
  • Could also apply when filters are changed such that there are no more shared nodes, but I think we should confirm this with Rachel first

[Sakshisrivastava413]

@uosl The points look relevant. Thanks for reviewing the code.

[heralden]

Excellent work! 👍