問題タブ [bundle-layout]

D3階層的なバンドルのようなものを作成しようとしています:

http://mbostock.github.com/d3/talk/20111116/bundle.html

各ノードにラベルを付ける代わりに、パイのレイアウトのように上部に弧を描きたいだけです。

http://jsfiddle.net/nrabinowitz/GQDUS/

ラベルを削除し、円グラフをいじっています-樹形図の周りに描画しています-しかし、階層データを使用して円レイアウトを生成する方法がわかりません。

これに似たようなことをした人はいますか？

次のような要素を含むjsonファイルがあります。

この構造を使用してノードとエッジを取得して、次のようなグラフを完成させようとしています。

(図はd3.js ドキュメントから取得)

私のjsonファイルでは両方ともnameノードを参照しており、実際にはノードと別のノードの間のリンクです。ttagsttags

しかし、このライブラリ d3 以上の json ファイルを使用してこの図を作成する方法がわかりません。

これは package.js ファイルです。

私はd3が初めてで、ここにある階層的なエッジバンドルの視覚化をいじっています。ビジュアライゼーションにさらに要素を追加しようとしているため、すべてのノードの座標 (つまり、エッジ バンドルが終了する座標) が必要です。

(0,0) からノードの座標まで線を引くと、線はバンドルの終点で終わりません。どういうわけか、ノード オブジェクトの座標が変更されました。どうすれば実際の座標を取得できますか?

アロハ、

このビジュアライゼーションでバンドルを作成する可能性はありますか:

...そのビジュアライゼーションのバンドルのように見えます

?

d3でこれを達成する方法がわかりません。

編集 1: 明らかに、カスタム インターポレータを作成する必要があります。バンドル インターポレーターを拡張して、d3 ライブラリを変更せずに 2 つの色をさらに補間するにはどうすればよいですか?

MikeBostockの階層エッジバンドル図の修正バージョンを作成しています。

http://mbostock.github.com/d3/talk/20111116/bundle.html

しかし、次のように、特定のデータグループにまたがるアークを作成したいと思います。

現在、円弧の長さをハードコーディングしていますが、動的にコーディングしたいと思います。どうすればこれを達成できますか？これが私の現在のコードです：

Macにd3をダウンロードし、Firefoxで開いて、フォルダー内の例を調べ始めました。それらのほとんどは、束準同型を除いて正常に機能しています。誰かが私に何が起こっているのか助けてくれませんか？

2012 年 10 月に、グループを示すために放射状デンドログラムでアークを生成する方法について、この質問 ( d3.js - 放射状デンドログラムでアーク長を自動的に計算する方法) が提起されました。ユーザー「wceo」は、非常にうまく機能するエレガントなソリューションを投稿しました。

しかし、アークを同じ色にするのではなく、それぞれのアークの色を個別に変更することは可能ですか? がんばっても…

... と...

... 5 つの円弧のそれぞれを同じ色として返すだけです。

(元のトピックに返信していないことをお詫びします。そうするために必要な 50 の評判がないようです。)

(サンプルコード全体を含めるように編集)

このオブジェクトの同様のバージョンを理解し、再作成したいと思います:

http://mbostock.github.io/d3/talk/20111116/bundle.html

これは一例ですが、それがどのように機能するのか、またはそのコードがどこにあるのかを理解できませんか?

誰かが私のためにサンプルを構成要素 (js、html、css) に分割して、それがどのように機能するかをナビゲートしてリバース エンジニアリングできるようにするか、そのサンプルを説明する適切なチュートリアルを教えてもらえますか?

乾杯