問題タブ [graph-visualization]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1511 参照

java - Jgrapht エッジカラー

グラフ全体で対応を表示できるように、Jgrapht を使用してエッジの色を変更したいと思います。ノード 1 と 2 の間にエッジがあると仮定します。これらのノードを (たとえば) 赤色で強調表示します。グラフ全体でノード 1 と 2 を見つけ、それらを赤色で表示し、残りのノードを別の色で表示します。ビジュアライゼーションを作成するファイルはSimpleTouchgraphApplet.java です。このファイルには、次のようなステートメントを追加しています。

上記の 2 つのステートメントを init セクションに追加しました。メイン関数に以下のステートメントも追加しました。

ただし、前景色や背景色に変化は見られません。どこが間違っているのか教えてください。

0 投票する
1 に答える
627 参照

javascript - infoVis JIT グラフでノード間の最小距離を指定する

強制有向グラフでノード/エッジ間の最小距離を指定できる方法はありますか?

1 つのノードが他の何百ものノードに直接接続されているグラフがいくつかあります。このような場合、特定のエッジまたはノードを選択するのは非常に困難です。これは、エッジとノードが非常に接近しているため、 onMouseEnter 、 onClick などのイベントが発生しないためです。ユーザーはそれを期待しています。

たとえば、nodeA と nodeB が本当に近い場合、nodeA にカーソルを合わせて強調表示されると予想すると、nodeB に対してイベントが発生するため、nodeB が強調表示されます。エッジ同士が近すぎる場合も同様です。基本的に、どのノード/エッジがホバリングまたは選択されているかをユーザーが正確に知ることは、本当に混乱します。

辺の長さを指定できることは知っています。これでこの問題はある程度解決できますが、何百ものノードとエッジがある場合は役に立ちません。また、辺の長さをキャンバスの高さ以上に設定することはできません。

ノード/エッジ間の最小距離を指定できれば非常に便利です。

どうすればそれができるか知っている人はいますか?

0 投票する
2 に答える
2560 参照

graph-visualization - Gephi:動的グラフを作成し、ノードのラベルを動的に変更する方法は?

私がやろうとしているのは、ラベル伝播アルゴリズムの視覚化です。特定の時間内にノードのラベルを変更する必要があるため、そのラベルに応じて、ノードはそのラベルの色を想定する必要があります。

ここでの Gephi のトリックの部分は、gexf ファイルからラベルを動的に変更する方法です。これにより、Gephi を設定して、異なるラベルに異なる色を表示したり、ファイルで直接色を変更したりできます (ただし、タイムスタンプに応じて、ではなく)静的な方法で)。

私はその質問が非常に具体的であることを知っていますが、以前に SO の周りで Gephi ユーザーを見ました。

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

0 投票する
4 に答える
4031 参照

graphviz - Graphvisを使用して大きなグラフを描画する最良の方法は何ですか?

画像に大きなデータセットを描画する必要があります。graphvis コマンド ラインを使用可能なすべてのツール (dot、neato、twopi など) で使用しましたが、結果が読み取れず、重複が含まれています。

私が必要としているのは、グラフが読みやすく、A4 または A3 用紙に印刷できるように、端にラベルを付けてノードを表示し、オーバーラップを最小限に抑えることです。

ネイトでオプションoverlap=false、splines=trueを使用し、同じ重複結果を使用しました。

データセットは次のとおりです。

これは、これらのオプションを (neato で) 使用した場合の出力の 1 つです。

グラフ [bgcolor=ivory2、overlap=false、splines=true、ranksep="2.75"]

{ノード [幅=1、高さ=1、形状=円、スタイル=塗りつぶし、色=スカイブルー] "ECNY" }

エッジ [長さ = 2、sep = 5]

ここに画像の説明を入力

また、これはオーバーラップ=スケールを作成する場合でも、画像が読み取れません!

オーバーラップ=スケール、sep=\"+25,25\"、スプライン=true、rankdir=\"TB\"

ここに画像の説明を入力

では、このグラフを強化できる他の属性は何ですか?

0 投票する
1 に答える
98 参照

c# - ファイルからの情報を表示するためのビジュアライザーが必要

ログ ファイルをスキャンしています。ログ ファイルには別のコンポーネントが含まれており、コンポーネントにはサブ コンポーネントが含まれており、サブ コンポーネントにはサブサブ コンポーネントが含まれています。3段階の親子関係があります。

ログ ファイルは多数になる可能性があり、ログ ファイルのサイズは約 7 MB になります。

現在、nodeXL を使用して、データをグラフィカルな表現形式で表現しています。

このタスクを達成するために、私は nodeXL で C# Windows アプリケーションを使用しています。ただし、この場合の nodeXL のビューとグラフィカル表示の結果には満足していません。

私が持っている情報を魅力的にグラフィカルに表示する必要があります。

このタスクを達成するためのプラグイン ツールやその他の方法を誰でも提案できますか?

前もって感謝します

注: この質問に入力する #tag がわかりません。必要に応じて #tag セクションを編集してください。

0 投票する
0 に答える
835 参照

graphviz - GraphViz でノードをネストする

GraphViz でバイグラフを描画しようとしています (このようなもの)バイグラフ

GraphViz でノードを直接ネストすることは可能ですか? そうでない場合、サブグラフ/クラスターの形状を変更することは可能ですか?

グラフの画像をノードにインポートする方法に関する投稿を見つけましたが、パワーポイントで描画するよりも手間がかかるようです。

クラスターを表示することもできますが、それらにはクラスターの外側からのノードが含まれ、私が知る限り、形状は固定されています。

ご協力いただきありがとうございます。

0 投票する
1 に答える
673 参照

graphviz - 非常に大きなグラフを視覚化するためのソフトウェア

Graphviz などを使用して視覚化したいテキスト ノード (名前) の非常に大きな (約 205k エッジと 200k ノード) グラフがあります。

これを Graphviz で (sfdp を使用して) 実行する際の問題は、(読み取り可能なグラフを生成するために必要な) オーバーラップをオフにすると、sfdp がメモリ不足になることです。

このサイズのグラフを重なり合わないノードの画像に変換できる、Graphviz のような他のツールはありますか?

0 投票する
2 に答える
890 参照

r - Rgraphviz: プロット領域外のエッジ ラベル

Rgraphviz2 つのエッジ ラベルを持つオブジェクトをプロットしようとしています。残念ながら、ラベルはプロットの外にあります。これが私の例です:

これが私のプロットです:

私はいくつかのことを試しましたが、成功しませんでした:

1. バウンディングボックスを大きく設定する

2. ラベルのフォントサイズを小さくします (実際にはアプリケーションに必要なサイズではありません)。

3.par属性 を変更します。

4. ノード、エッジ、および一般属性を?Rgraphviz::GraphvizAttributes

私の試みはどれもうまくいかないようです。誰にもアイデアはありますか?

0 投票する
1 に答える
15522 参照

3d - ビッグデータの 3D データを視覚化するための優れたツールはありますか?

このビデオを見たかどうかはわかりません: http://www.youtube.com/watch?v=Q9wcvFkWpsM .

発表者は、これらの強力な 3D ビジュアライゼーションを作成するためにどのようなツールを使用したのだろうか? 誰か提案してもらえますか?私はビッグ データ プロジェクトに取り組んでいます。私は本当に、データの派手で創造的な視覚化を構築したいと考えています。

ありがとう

ここに画像の説明を入力 ここに画像の説明を入力 ここに画像の説明を入力

0 投票する
1 に答える
10167 参照

javascript - D3.js と Cytoscape.js の違いは何ですか?

D3.js と Cytoscape.js の違いは何ですか?

なぜ誰かが D3.js よりも Cytoscape を選ぶのでしょうか?