implementation: steps graph

[Sinclert]

I have been searching for an easy integrated React Graph library, and I have discovered Vis.js. There is a React module so it could be easily integrated with our technology stack, React Vis.js.

The examples are also good enough. Let me know any insights you have on this.

[lukasheinrich]

Hi @Sinclert ,

for yadage we use cytoscape.js which is more powerful than vis.js

https://github.com/yadage/yadage-js

for example it allows nesting with expand/contract as shown here

https://www.youtube.com/watch?v=mpFa2wfitLk

the visualization will likely be engine-specific and for yadage the plan is to turn this bower package into a react component

https://github.com/yadage/yadage-js

which I discussed previously with @diegodelemos recently

, but aside from that cytoscape should be a good base for all engines this should serve as a good base

cc @tiborsimko @ioannistsanaktsidis and @pamfilos

[lukasheinrich]

links:

http://js.cytoscape.org/
https://github.com/iVis-at-Bilkent/cytoscape.js-expand-collapse

I'm not sure what the level of React integration is but a naive search cam up with

https://www.npmjs.com/package/react-cytoscape

[diegodelemos]

@mr-c any recommendation regarding CWL workflow visualisation library for the web? So far I've seen https://github.com/rabix/cwl-svg.

[mr-c]

@diegodelemos None from personal experience, there is also https://github.com/common-workflow-language/cwlviewer