CytoscapeJS vs. D3 graph drawing

2,843 views
Skip to first unread message

Benjamin Hitz

unread,
Aug 26, 2013, 7:32:53 PM8/26/13
to cytoscap...@googlegroups.com
Hey 
We have multiple (small) dev teams working on doing various JS visualizations.  It turns out that - at this time - one group has used cytoscapeJS and the other used D3.
Neither could really give me a good reason why one should be chosen over the other - other than if we use D3 for other types of visualizations (bar or pie charts for example), then "one fewer JS library to load" IS technically  a positive.

Can anyone give me some bullet points as to why they would prefer CytoscapeJS, or at least specific applications where it's better (easier to use, more performant, etc.)

Thanks,

Ben

Christian Lopes

unread,
Aug 29, 2013, 3:06:54 PM8/29/13
to cytoscap...@googlegroups.com

Thanks,
Christian


--
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/groups/opt_out.

Keiichiro Ono

unread,
Aug 29, 2013, 3:57:26 PM8/29/13
to cytoscap...@googlegroups.com
(Disclaimer: I'm a core developer of Cytoscape)

D3.js is useful because it has nice presets for many types of data.
However, for network visualization, cytoscape.js has more advanced
features, including compound nodes, built-in user interaction just
like Cytoscape, etc. I think it's worth using multiple libraries if
you work on serious data visualization projects. Recently I've
developed simple web app prototype to visualize DAGs and trees, and it
uses several libraries including cytoscape.js, highcharts, etc.

http://chardonnay.ucsd.edu/dist/ (click any nodes to see visualization)

And I'm planning to extend it using treemap and other visualization
presets available in D3.js. It costs users few more seconds for
loading, but I think it's worth it if you work on relatively large SPA
(single-page application).

Thanks,
Kei


2013/8/26 Benjamin Hitz <cisc...@gmail.com>:
> --
> 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/groups/opt_out.



--
Keiichiro Ono http://keiono.github.io/

Ben Hitz

unread,
Sep 3, 2013, 12:45:49 PM9/3/13
to cytoscap...@googlegroups.com

Ha, that's the first thing I did.  I found stackoverflow not super useful for this question.  Also I wanted to make sure my cytoscape dev friends got a chance to answer!

Ben Hitz

unread,
Sep 3, 2013, 12:50:48 PM9/3/13
to cytoscap...@googlegroups.com

Thanks for your comments Kei.

http://chardonnay.ucsd.edu/dist/   (click any nodes to see visualization) 

Pretty nice.  Is this from the NeXO 1 or 2 github source?

Ben 
Reply all
Reply to author
Forward
0 new messages