D3.js和Cytoscape.js有什么区别?

时间:2013-05-27 15:11:07

标签: javascript d3.js data-visualization cytoscape.js graph-visualization

D3.js与Cytoscape.js有什么区别?

为什么有人会选择Cytoscape而不是D3.js?

1 个答案:

答案 0 :(得分:45)

D3适用于图表,主要是静态图表。 Cytoscape.js允许您操作高度可自定义的交互式图形,并且具有与jQuery一样易于使用的API。

D3用于任意 SVG 。这意味着虽然它可用于制作许多不同的东西,但您必须自己构建渲染器,交互和模型。有时这就是你需要的。 (注意SVG往往无法使用大量SVG元素高效渲染高度复杂的场景,因此请仔细评估应用程序的要求。)

Cytoscape.js是一个专注于图论(网络)的图书馆。它有一个内置的,高性能的渲染器,它有手势和事件,它有一个开箱即用的复杂图形模型等。因为它更集中,Cytoscape.js让你用更少的代码做你的图表更多 - 但是当然,你不能用它来做条形图或点图表。

如果你想要一个简单的网站图表,D3很棒。如果你想用一个严肃的图形组件构建一个应用程序而不必重新发明轮子,那么Cytoscape.js就很棒了。