Cytoscope inside the GUI integration

[puria]

At some point we need to integrate the DPP viz made by @sbocconi ask for details of the version of the library and find a react or just plain js to be included.

[sbocconi]

In the repository https://github.com/interfacerproject/Interfacer_DPP-visualisations the file id_to_cytp.py provides an example for a service that given an id writes the data file for cytoscape.

Since the server-side trace is much faster than the client-side trace, the former should be used. This requires the back-end algorithm (traceDpp) to be updated by @albertolerda (or possibly @srfsh), taking as example the *_before functions in if_dpp.py in https://github.com/interfacerproject/Interfacer-notebook

[sbocconi]

Update: @srfsh has implemented the trace functionality in the back-end, but in order to be completed, we need a final list of attributes that need to be visualised in the DPP. In the meantime @srfsh can proceed to implement the service based on id_to_cyto.py.

[sbocconi]

This issue partially depends on https://github.com/interfacerproject/Interfacer_DPP-visualisations/issues/4

[jaromil]

TODO: Specify what relations need to be fetched in the backend @srfsh with a bare minimum set of information to be shown on nodes.

[puria]

• [x] styling https://github.com/interfacerproject/Interfacer_DPP-visualisations/blob/main/css/graph.json
• [x] https://github.com/plotly/react-cytoscapejs
• [ ] https://pad.dyne.org/code/#/2/code/edit/TUjUBg5ZpU3JTjxyuWOgYzGI/