How many nodes at most Cytoscape js can support?

[sl yls]

Hi I want to visualize a large data, I am wondering how many nodes at most Cytoscape.js can support now? Thanks.

[Keiichiro Ono]

Hi.

The picture attached is created by cytoscape.js, and it has over 6k edges.  You can render this size of network, but it is too slow for interactive use.

I'm testing with mid to large size networks using cytoscape.js now, and the following is a view with few hundreds of objects:

https://lh4.googleusercontent.com/-6SuLfYAjn7Q/U36pqayL6ZI/AAAAAAAAA8Y/SvgqlA6GX5U/w1202-h1064-no/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2014-05-22+18.36.51.png

I had no problem to use it on my desktop machine.  It's a bit slow when selecting nodes, but I think it's because of my AngularJS code, not cytoscape.js.

So, if "large" means order of hundreds, it should be OK.  But if you have thousands or more, rendering everything at once is not a good idea.

Kei

2014-06-03 9:16 GMT-07:00 sl yls <slyl...@gmail.com>:

Hi I want to visualize a large data, I am wondering how many nodes at most Cytoscape.js can support now? Thanks.

--
You received this message because you are subscribed to the Google Groups "cytoscape-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to cytoscape-disc...@googlegroups.com.
To post to this group, send email to cytoscap...@googlegroups.com.
Visit this group at http://groups.google.com/group/cytoscape-discuss.
For more options, visit https://groups.google.com/d/optout.

--

===================================

Keiichiro Ono

http://keiono.github.io/

===================================

[Max Franz]

It all depends on how you use it.  Cytoscape.js supports lots of features, and especially some of the visual styles can be expensive.  There are some notes in the documentation on this (e.g. use haystack edges):

http://cytoscape.github.io/cytoscape.js/#performance

Certainly you can visualise thousands of nodes if you use performant options and your code itself is performant.  On my machine with v2.2.x I’ve tuned the options to get 8000-10,000 elements on screen, but that was the limit before performance was a problem.  The upcoming v2.3.x and onward will continue to have better and better performance (and more features too).

If you were to try to visualise the graph with SVG or the DOM, you’d run into performance problems much sooner — so be careful what technology you use.

Angular 1.x tends to be able to handle on the order of 2000-4000 model elements (not necessarily graph elements) before its performance becomes an issue.  Angular 2.x should have better performance, but we’ll have to wait and see.

Whether users will understand large graphs is another question.  That can be addressed with use of layout, extensions/plugins (to focus on subsets of the graph at a time), and what elements your app itself puts in the graph at any one time.  It’s a complicated problem.

-Max

Attachments:

- cyjs-6k.png

[sl yls]

Nice reply! Thanks for your feedback!

You received this message because you are subscribed to a topic in the Google Groups "cytoscape-discuss" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/cytoscape-discuss/R87BVdN-kXQ/unsubscribe.
To unsubscribe from this group and all its topics, send an email to cytoscape-disc...@googlegroups.com.