13
A
答えて
34
D3はチャート用であり、主に静的グラフ用です。 Cytoscape.jsを使用すると、高度にカスタマイズ可能なインタラクティブなグラフを操作でき、jQueryと同じように使いやすいAPIを利用できます。
D3は任意のものですSVGです。これは、さまざまなことをするために使用することができますが、レンダラー、相互作用、およびモデルを構築する必要があることを意味します。時にはそれがあなたが必要とするものです。 (SVGはperformantly SVG要素の多くと非常に複雑なシーンをレンダリングすることができない傾向にあるので、慎重にあなたのアプリケーションの要件を評価します。)
Cytoscape.jsはちょうどグラフ理論(ネットワーク)に焦点を当てたライブラリです。組み込みの、演技レンダラー、ジェスチャーとイベントを備えています。洗練されたグラフモデルをそのまま使用できます。Cytoscape.jsはフォーカスが集中しているため、コードを少なくしてグラフをより多く作成できます。もちろん、棒グラフやポイントチャートなどには使用できません。
ウェブサイトの簡単なグラフが必要な場合は、D3が最適です。ホイールを再開発することなく、深刻なグラフコンポーネントでアプリケーションを構築したい場合は、Cytoscape.jsが最適です。
関連する問題
- 1. D3.jsのselection.styleとselection.attrの違いは何ですか?
- 2. D3.js:.append( "g")の 'g'とは何ですか?D3.jsコード?
- 3. jsのモジュールとPHPのクラスの違いは何ですか?
- 4. Ext JSのgrid.columnsとgrid.getColumnManager()。getColumns()の違いは何ですか?
- 5. dart:jsとjsパッケージの違いは何ですか?
- 6. jsイベントとDOMイベントの違いは何ですか?
- 7. $ .proxyとネイティブjs 'call'/'apply'の違いは何ですか?
- 8. D3.js
- 9. d3.js
- 10. JS関数内のメソッドとそのプロトタイプの違いは何ですか?
- 11. ノードjs内のstat fstatとlstat関数の違いは何ですか
- 12. js-data:DS "reapAction"設定オプションの "none"と "inject"の違いは何ですか?
- 13. d3.jsのレイヤードグラフ
- 14. difftimeと ' - 'の違いは何ですか?
- 15. A`と ``の違いは何ですか[:] `
- 16. `&`と `ref`の違いは何ですか?
- 17. バックスティックと$()の違いは何ですか?
- 18. `##`と `hashCode`の違いは何ですか?
- 19. "$^N"と "$ +"の違いは何ですか?
- 20. #{} $ {}と%{}の違いは何ですか?
- 21. typedefとの違いは何ですか?
- 22. %Qと%{}の違いは何ですか?
- 23. `==`と `is`の違いは何ですか?
- 24. $と$$の違いは何ですか?
- 25. NodeJS:「./ ..」と「..」の違いは何ですか?
- 26. Cubism.js/d3.jsスケールと範囲
- 27. D3.jsトランジション
- 28. D3 JSデータフィルタリング
- 29. d3.jsデフォルトaxis.tickFormat
- 30. d3.jsセーブステート
これはまだ3月の16日現在のものですか?一方で何が変わったのですか? –
Cytoscape.jsはさらに高速化し、2013年よりも多くの機能を備えています。D3はまだDOM/SVGのみで一般的です。 SVGは大規模な視覚化ではまだまだ遅く、Cytoscape.jsが使用するラスターグラフィックスよりも常に確実に遅くなります。 D3は棒グラフや円グラフに適しています。シンプルでほとんど静的なものです。 – maxkfranz
静的なもの?あなたはD3のサンプルギャラリーをチェックしましたか? –