問題タブ [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 に答える
1987 参照

javascript - 高性能(500-1000ノード)のJavascriptグラフ視覚化ツールキット

約1000個のノードとエッジを持つグラフを表示する必要があります。ノードはドラッグ可能であり、すべてが画面を待たずにリアルタイムで機能する必要があります。

だから、私はすでに多くのjsグラフ視覚化フレームワークをチェックしましたが、それでも解決策を見つけることができません。

たとえば、「JavaScript InfoVis Toolkit」という質問から、「 最速の純粋なJavascript、グラフ視覚化ツールキットは何ですか? 」を選択しました。250ノードでハングアップします。

すべてのフレームワークは非常に高速に動作しますが、100〜200ノードでのみ動作します。また、500のノードとエッジでは、例外がスローされるか、まったくハングアップします。

したがって、問題は次のとおりです。500〜1kのノード/エッジで動作するjsフレームワークがありますか、それとも、canvas/WebGLを使用して自分で何かを実装する必要があります。

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

javascript - ラベル付きの力指向グラフ

私はD3.jsにかなり慣れていないので、この例の私のバージョンが機能しない理由を理解しようとしています。この例も参考にしています。

私が収集できることから、問題は私のtick機能にあります。コメントアウトすると、svgオブジェクトがドキュメントに書き込まれますが、それを使用すると、svgは書き込まれません。

これが私のコードです:

どんな助けでもいただければ幸いです。

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

graph - Graphviz でクラスタ サブグラフのラベルとアウトライン ボックスを印刷できない

私はgraphvizとDOT言語の初心者です。クラスターサブグラフを使用してグラフを生成しようとしていました。ただし、クラスターがあり、それぞれがスクリプトで正確に指定されたノード位置を持つ場合、graphviz はクラスターのアウトライン ボックスまたはラベルを生成しません! 具体的には、次の DOT スクリプトがあるとします。

生成されるグラフは次のとおりです。 ノード位置がユーザーによって指定されていない場合にクラスターで生成されたグラフ

ただし、次の DOT スクリプトでは、4 つのノードのノード位置を正確に指定します。

生成されるグラフは次のとおりです。 ノード位置がユーザーによって指定されたときにクラスターで生成されたグラフ

この場合、クラスターのアウトラインボックスもクラスターのラベルも印刷されないことに注意してください!! この場合、ご覧のとおり、2 つのクラスター間に明確な境界があります。クラスターは重複していないため、原則として、graphviz でそれらを表示する際に問題は発生しないはずです。

何があっても、グラフビズにクラスターのアウトラインボックスとラベルを描画するように指示するにはどうすればよいですか? これでどんな助けでも大歓迎です!!

ありがとう!

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

java - グラフのサイズに基づくJUNG Layoutの推奨サイズ

私はFRLayoutでJUNGフレームワークを使用しています。このような:

これを GraphZoomScrollPane に配置しました。ズームイン、ズームアウト、グラフの移動などを思いのままに行うことができますが、Swing アプリケーションを起動したときにそのようにしたいと考えています。

私が正確に望むのは、グラフの PreferredSize がグラフのサイズに基づいて動的に調整されることです。これにより、大きなグラフをロードするときに、頂点が重ならなくなるまで何十億回もズームインする必要がなくなります。

パネルに収まらないものは、通常、スクロールバーの後ろに「消える」はずです。

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

matlab - MATLAB:RGBキューブ内の線のプロット

私はMATLABの初心者であり、RGBキューブを作成して表示する方法をいくつか見つけましたが、その中に何かをプロットする方法を理解していません。

ここにいくつかのコンテキストがあります:javascript/html5に実装されたカラーサイクリングへのいくつかのアプローチがあります。具体的には、私の最初の試みは、RGB色空間で提供された「エンドポイント」間を素朴に補間します。別のアプローチでは、HSV色空間で同様の変換を実行します。

私がやりたいのは、RGBキューブで遷移をプロットした場合に、カラーサイクリングのさまざまなモデルが実際にどのように見えるかについて、幾何学的な直感を身に付けることです。そのためには、次のことを行う必要があります。

1. RGBキューブを作成します(ここで見つかったpatch()を使用するソリューションをカット/ペーストすることですでにこれを行うことができます

2.1からの半透明のRGBキューブ内にカラーサイクリングモデルをプロットします

これについて何か助けていただければ幸いです!

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

javascript - D3時系列ヒートマップ

x軸に時系列、ya番号、色がセルの値であるd3を使用してヒートマップを作成しようとしています。データは入力に基づいてロードされ、ドメインと範囲は異なる入力で変更される可能性があります。私はそのような例を見つけることができませんでした。誰かが私がそれをどのように作成できるか考えていますか?

ありがとう

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

graphics - OBJファイルをカラー表示する

私は自分のプログラム用に .obj ファイルを読み込んでおり、それらに対して曲率計算を行っています。現在の .obj ファイルは、頂点と面を持つ三角形メッシュです。関連する .mtl ファイルはありません。曲率に基づいて、各頂点に色を割り当てる必要があり、それらはすべての頂点で異なります。.obj ファイルを表示したいのですが、割り当てた色に基づいて頂点を色付けしたいと考えています。そのようなファイルを表示する最良の方法は何ですか?

最初は、独自の .mtl ファイルを作成し、入力した .obj ファイルも変更することを考えていました。しかし、頂点の数は約 50000 で、それぞれに独自の色があるため、.mtl ファイルに約 50000 のマテリアルを指定するのは非常に困難なようです。

.ply ファイルの方が色をより簡単に処理できるとどこかで読みましたが、これを行う方法がわかりません。

助けてくれてありがとう。ビジュアライゼーションに関しては初心者です。

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

jquery - jQuery グラフ (ノードの) ビジュアライゼーション ヒート マップ

グラフの視覚化を行うが、ノードのサイズを設定できるjQueryライブラリを知っている人はいますか? これを使用して、さまざまなシステムのコレクションで表示されるエラーの量を表したいと思います。

データ例 (右/下 = 子):

図:

ここに画像の説明を入力

御時間ありがとうございます、

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

data-visualization - JgraphX と JgraphT のツリ​​ー レイアウト

JgraphT を使用して基礎となるデータ構造をサポートし、JgraphX を使用して構造を画面に表示することで、デシジョン ツリー (および代数決定図の世界のいくつかの改良点) の視覚化ツールを構築しようとしています。(私は両方のパッケージが初めてです。)

JgraphX にはかなりの歴史があると思います.Jgraph 5.13の Facade クラスと TreeLayout クラスは正しい方向への一歩であるように見えましたが、最近のJgraphXパッケージには似たようなものは見つかりません. (履歴を理解していれば、Jgraph は 5.13 バージョンがリリースされた後に JgraphX に名前が変更され、バージョン番号が最初からやり直されました。それは正しいですか?) また、従来の Jgraph 5.13 jar ファイルをどこにも見つけることができません。

具体的な質問:

  1. Jgraph 5.13 はどこかに存在しますか?誰かに教えてもらえますか?
  2. JgraphX は、異なる名前またはパラダイムで同じツリー レイアウト機能をサポートしていますか?

助けがなければ、ツリー レイアウト ツールをゼロから作成するまで、JgraphT/JgraphX を手動で処理する必要があります。これは、私の「楽しみ」の定義に適合しません。

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

graph - ノードをより離れたものにする(グラフの視覚化)

距離行列からグラフをプロットしようとしています。コードは正常に機能し、画像が表示されます。画像は大きいですが、すべてのノードが一緒にパックされています。ノード間のスペースを増やしたい。ノードを拡大せずにもっと離してほしい。

Graphviz NEATOを試しましたが、問題は100ノードしかサポートされていないことです。1000ノードがあるため、それぞれ100ノードのクラスターが10個表示されていました。

私の全体的なコード-

出力(エッジとラベルが削除されました): ここに画像の説明を入力してください

600ノードのGraphvixNEATOの出力-

ここに画像の説明を入力してください