17

私はUWのCS Researchの学生です。私のグループは、neo4jグラフに入れられる特定のネットワークトラフィックを視覚化しようとしていますDBをリアルタイムで表示します。Neo4jグラフDBデータのリアルタイムビジュアリゼーションにはD3.jsが適切ですか

私は、ゲーファイ、サイトスコープ、人力車(D3.jsベース)、その他のもの、D3.jsなど、さまざまなツールについて読んでいます。

私たちはこれまでD3.jsを使っていましたが、コミュニティの意見を得たいと考えていました。 neo4jのためにサイトスコープを使用することはできません。また、D3.jsは、高速リアルタイム環境で半大規模データを使用すると効果的です。

提案?

多分、別の質問のために、また、自由に入力してください:neo4jを実装する最良の方法は? Java、Ruby、node.js?

ありがとうございました!

答えて

9

私の理解:Gephiはリアルタイムアップデートではうまくいかない。通常は静的データに使用されます。

主な考慮事項 - 提示したい視覚化とは何ですか?それは有向グラフですか?巡回?加重?追加ラベル?

ツールキットの中には、表示できるものが「固定」されているものもありますが、グラフを簡単に表示できるツールキットもあります。他のもの(d3のようなもの)は非常に拡張性があるので、あなたは何かを作成することができます。 StackOverflowの形式の目的のために

、あなたのシステム(ETC実際のデータ・レート、シン/シック・クライアント、すなわちの種類、)の制限とニーズを突き止めることができれば、あなたがより良い答えを得る可能性があります

+0

データはネットワークトラフィック、具体的にはTCPトラフィックで始まります。私たちは両方の時系列を試してみたい(リックショウは私が信じているこの井戸に貸してくれる)、そして有向グラフ。ご回答いただきありがとうございます.Gephiについてのご意見は特にありがとうございます。 – jhanna0188

+0

何かを提案することができます。これは、webglで3次元の循環有向グラフを表示できますか? :D – inf3rno

7

私はD3が素晴らしいと思いますが、最近、FOSDEMのSigma.jsに関する講演がありました。これは大きなグラフではより良いスケールであると解説しています。参照してくださいhttp://thewhyaxis.info/hairball/

+0

この場合、Sigma.jsとD3.jsの違いが分かります。 CanvasとSVGの状況はどちらかといえます。私は今、両方について多くのことを読んでおり、JRuby Neo4jの実装ではD3に向いています。あなたのお返事ありがとうございます! – jhanna0188

+1

@ jhanna0188 JRuby/Neo4jでD3を使った経験はどうでしたか?最後に、SigmaJSで何か試してみましたか? – emecas

8

チェック大規模なネットワークでもレンダリングとスケールのためにwebglを使用しています。彼らは本当に大きなもののいくつかの素晴らしい例を持っています(FB、Amazon)。

http://github.com/anvaka/VivaGraphJS

+0

はいくつかのベンチマークを行い、VivaGraphJSはnGraph(そのサセプタ) – pcamelo

12

あり、この種の問題のための特効薬ソリューションではありませんし、ほとんどがあなたの心の中に持っているものから依存し、チームと(お金と時間の)予算あなたが持っています。

次のいずれかを満たしてする必要がない限り、私は、あなたにD3をお勧めしません:

  • をあなたがあなたのチームに熟練した人々を持っているあなたのデータ
  • を可視化する新しい方法を作成したいです - それはあなたのことができます - D3
  • であなたはすでにあなたがI上記項目のいずれかを満たしていない場合は

を統合するために、他のD3ウィジェット/すなわち、サイドにD3を入れて、にあなたを言うだろうしています見て:

  • SigmaJS、オープンソースと無料のJavascriptライブラリ。
  • KeyLines、Commercial Javascript Toolkit。
  • VivaGraphJS、オープンソースと無料のJSライブラリ。

免責事項:私はKeyLines開発者の一人です。

あなたが持っているデータのサイズによっては、図書館の選択肢が変わる可能性があります:あなたのチャートに3/400ノードしか持たず、特定のスタイリング/アニメーションを必要としない場合、SigmaJS罰金よりも。スタイリングやアニメーションのためのさらに高度なものを探しているなら、このような状況を扱うように設計されているため(増分レイアウトを提供する)KeyLinesをお勧めします。問題なく2000ノードまでスケールアップできます。このサイズの側にフィルターを設けること。

私は最後の手段としてVivaGraphを指定します:SigmaJSにはWebGLレンダラーもあり、もっとうまくレンダリングするIMHOを提供します。
VivaGraphJSはすぐにレンダリングするためにとらわれないaproachを使用しますngraphに置き換えられます:あなたはPIXI、ファブリックまたは何でもしたいを使用することができます....あなたは一度、再利用あなたの資産をロードするときWebGLのレンダラを使用して

は理にかなっていますいつものように:あなたがリアルタイムのシナリオであなたのチャート要素をスタイリングしているなら、Canvas IMHOには利点がありません。

関連する問題