答えて

34

D3はチャート用であり、主に静的グラフ用です。 Cytoscape.jsを使用すると、高度にカスタマイズ可能なインタラクティブなグラフを操作でき、jQueryと同じように使いやすいAPIを利用できます。

D3は任意のものですSVGです。これは、さまざまなことをするために使用することができますが、レンダラー、相互作用、およびモデルを構築する必要があることを意味します。時にはそれがあなたが必要とするものです。 (SVGはperformantly SVG要素の多くと非常に複雑なシーンをレンダリングすることができない傾向にあるので、慎重にあなたのアプリケーションの要件を評価します。)

Cytoscape.jsはちょうどグラフ理論(ネットワーク)に焦点を当てたライブラリです。組み込みの、演技レンダラー、ジェスチャーとイベントを備えています。洗練されたグラフモデルをそのまま使用できます。Cytoscape.jsはフォーカスが集中しているため、コードを少なくしてグラフをより多く作成できます。もちろん、棒グラフやポイントチャートなどには使用できません。

ウェブサイトの簡単なグラフが必要な場合は、D3が最適です。ホイールを再開発することなく、深刻なグラフコンポーネントでアプリケーションを構築したい場合は、Cytoscape.jsが最適です。

+0

これはまだ3月の16日現在のものですか?一方で何が変わったのですか? –

+1

Cytoscape.jsはさらに高速化し、2013年よりも多くの機能を備えています。D3はまだDOM/SVGのみで一般的です。 SVGは大規模な視覚化ではまだまだ遅く、Cytoscape.jsが使用するラスターグラフィックスよりも常に確実に遅くなります。 D3は棒グラフや円グラフに適しています。シンプルでほとんど静的なものです。 – maxkfranz

+0

静的なもの?あなたはD3のサンプルギャラリーをチェックしましたか? –

関連する問題