В чем разница между D3.js и Cytoscape.js?

Question

В чем разница между D3.js и Cytoscape.js?

Почему кто-то выбирает Cytoscape над D3.js?

Answer 1

D3 предназначен для диаграмм и в основном статических графов. Cytoscape.js позволяет вам манипулировать высоко настраиваемыми и интерактивными графиками и имеет API как простой в использовании как jQuery.

D3 предназначен для любых SVG. Это означает, что, хотя его можно использовать для создания множества разных вещей, вам нужно построить рендер, взаимодействие и модель самостоятельно. Иногда это то, что вам нужно. (Примечание SVG, как правило, не в состоянии performantly оказывают очень сложные сцены с большим количеством SVG элементов, поэтому тщательно оценить требования вашего приложения.)

Cytoscape.js библиотека сосредоточены только на теории графов (сети). У этого есть встроенный, рендеринг рендеринга, он имеет жесты и события, у него есть сложная модель графа из коробки и т. Д. Поскольку это более сфокусировано, Cytoscape.js позволяет вам делать гораздо больше с вашими графиками с меньшим количеством кода, но Конечно, вы не можете использовать его для таких вещей, как гистограммы или диаграммы точек.

Если вы хотите простую диаграмму для веб-сайта, D3 отлично. Если вы хотите создать приложение с серьезным графическим компонентом без необходимости изобретать колесо, Cytoscape.js отлично.