問題タブ [networkd3]

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 投票する
4 に答える
3327 参照

r - R で forceNetwork に夢中になる: エッジが表示されない

RでnetworkD3パッケージを使用してネットワークを1週間プロットしようとしています。関数はsimpleNetwork正常に動作しますが、グラフの外観をあまり制御できません。関数はこのforceNetwork目的のためにあります: 豊富な視覚的特徴を持つグラフを表示します。

私が抱えている問題は、この質問で公開されているものとほとんど同じです。私はパッケージのドキュメントを注意深く読み、上記のスレッドで提案された解決策を試しましたが、うまくいきませんでした。得られるのは、それらをリンクするエッジのないノードのクラウドだけです。

ここに私data.frameのもの:

エッジ

垂直

さて、これにより、上記のエッジのないノードのクラウドが生成されます。ノードに付けた実際のラベルで「シンボル」列を変更した場合も同じです(パッケージで必要なリンクテーブルの順序を尊重します)。

このパッケージは、この例でこの関数の使用を示していることに注意してください。使用されているデータセット ( MisLinks、MisNodes ) を開くと、ノードのラベルを除いて、それらのコンテンツは私のものと同じです。まったく同じ例を実行するとうまくいきます。私のデータで実行すると、そうではありません。

ネットワークをプロットするために使用する関数は次のとおりです。

他のすべてのプロパティ (ノード サイズ、凡例、色) は正しく表示されますが、エッジが表示されません。データセットのどこかに間違いがあるに違いありませんが、それを見つけることはできません。

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

r - networkD3 パッケージの sankeyPlot() を使用して、サンキー ダイアグラムのデータ入力を再構成します。

networkD3 パッケージで sankeyPlot() を使用してサンキー ダイアグラムをプロットしようとしています。ビジュアライゼーションは、このようなサンプル データでうまく機能します

ノード

とリンク

ただし、csv ファイルからリンク テーブルを作成するのは困難です。

このようなデータセットのソース、ターゲット行番号を準備する再現可能な方法はありますか?

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

r - R の networkD3 パッケージを使用したサンキー ダイアグラムの独自の色範囲

sankeyNetwork()networkD3 パッケージを使用してサンキー ダイアグラムをプロットしようとしています。

視覚化はうまく機能しますが、色の範囲を個々の範囲に変更したいと思います。SankeyNetwork の色を変更する機会はありますか? たとえば、自分で設定できる 3 色のみの範囲が必要です (d3.scale の事前定義された colorScales ではありません)。

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

javascript - 強制指向ネットワーク networkD3::forceNetwork() の各リンクの色を指定します。

問題は、R で使用するリンクの値または重みに基づいて 2 つの異なる色を指定することですnetworkD3::forceNetwork。たとえば、Blueリンクの重みが 1 より大きい場合、リンクdarkの重みが 1 未満の場合です。

ここからコピーされたコード例(forceNetworkセクション):

d3-js 関連の質問はこちらです(これまで JS について何も知りません)。

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

r - networkD3: 視覚化の問題

を使用して R でネットワーク グラフを作成しましたnetworkD3

グラフは非常に混雑しているように見えます。

ここに画像の説明を入力

そこで、エッジ間の距離を広げようとしました。を介して何らかの値を渡すと、linkDistance形状全体がゆがみ、いくつかのノードが消えます。すべてのエッジに任意の値 10 を与えました。

ここに画像の説明を入力

私は何を間違っていますか?

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

r - ノード ID はノード ラベルとは異なる場合があります

networkD3優秀なライブラリを使ってフォースネットワークのレイアウトを作ろうとしています。渡す引数NodeIDは、各行で一意に評価される数値列です。ノードのラベルを、マップされたものとは異なる列に設定したいと考えていますNodeID。このラベル列は、行間で一意である必要がある場合とない場合があります。これを達成する方法はありますか?

例 - のヘルプ エントリでforceNetwork、例を確認できます -

出力のラベルは、NodeID と同じ列にマップされます。ラベルを別の列にマップできますか?

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

r - Rでhtml出力をpngとしてキャプチャする方法

R の networkD3 パッケージによって作成されたインタラクティブな出力を使用します。出力を html ページとして保存する方法は知っていますが、ダイアグラムの「静的」バージョンを .png ファイルとして保存する必要もあります。

コードは次のようになります。

「エクスポート」をクリックしてから「画像として保存」をクリックして、出力を保存できます。ただし、コードでいくつかのコマンドを使用して画像を保存することを好みます。

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

r - テキスト値をサンキー ダイアグラムの右側に配置する

networkD3 を使用してレンダリングされたサンキー ダイアグラムにテキストを配置するコツはありますか? エンドポイントの値をボックスの右側にテキストとして表示したいと思います。ボックスにカーソルを合わせると値が表示されることはわかっていますが、ボックスが小さくなるにつれて、値が常に側面に表示されていれば、多くの場合、情報を表現するのがはるかに簡単になります.

以下に例を示します。ラベルの一部として値を追加することでハックできましたが、図の右側に値を表示する方がはるかに優れています。

ここに画像の説明を入力