問題タブ [bundle-layout]

バンドルレイアウトを作成しようとしていますが、なんとかできました。ただし、json の代わりに単純な CSV フィールドを使用できるようにしたいと考えています。d3.json を d3.csv 関数に置き換えようとしましたが、うまくいきません。

何か案が？

私のコード: http://plnkr.co/edit/0hwlJmEhNyjqhuCPdW5w

test.json ファイル:

test.csv ファイル:

階層的なエッジ バンドリングを介して視覚化するデータセットを構築する方法を理解したいと思います。

ここに私のテストデータセットがあります

だから、2つの主要なカテゴリがあります

1. フレア・エキスパート

2. フレアピープル

   Flare.Expertise には、インフォマティクス、ライフサイエンス、ビジネスの 3 つの主要なカテゴリがあります。各サブカテゴリには、LifeScience のようなさらなるカテゴリがあります: 動物学と生物学

Flare.People には、APerson、BPerson、CPerson、DPerson の 4 人がいます。

すべての人が異なる専門知識を持っていることを示す必要があります。たとえば、CPerson にはバイオインフォマティクスと生物学に関する情報があります。したがって、1 人が複数のメイン カテゴリとそれぞれのサブカテゴリの専門知識を持つことができます。

D3 Hierarchical bundle exampleでアルゴリズムを実装しようとしています。次のようなエラーが表示されます Uncaught TypeError: Cannot read property 'push' of undefined

このエラーを修正できません。プッシュ演算子を変更すると、空白のページが表示されます。私には問題はデータセットにあるようです。データセットのどこにエラーがあるのか​​わかりません。ですから、このエラーを修正するのを手伝ってください。そうでなければ、私のデータ内で上記の関係を視覚化する方法を教えてください

I want to implement multilevel hierarchical edge bundling. By that I means I want to inculcate the behavior of radial tree like hierarchy and edge bundling like in Hierarchical Edge Bundling.

The sample visualization is Radial Hierarchical bundling

I know I need to use two d3.js layout for that. Also I need to change my json dataset accordingly.

My sample dataset is only for normal d3.js HEB

However the relation I want to show is:

A, B and C at highest level

A is parent of A1,A2,A3

B is parent of B1,B2,B3,

A is parent of A1,A2,A3

C is parent of C1,C2,C3,

Thus, A1,A2,A3,B1,B2,B3,C1,C2, C3 are at second level

Then, I want to show the relation of Emp1, Emp2, and Emp3 with A1-C3 through edge bundling as shown in above dataset.

I hope I am clear on that. So, please tell me how can I show this behavior or relation and what appropriate changes in the dataset is needed.

私は d3.js が初めてで、このリンクから階層エッジ バンドルを変更しようとしています: https://bl.ocks.org/mbostock/7607999。

hoverで表示されるリンクを削除し、代わりに on clickを配置しました。クリックしたノードで同じことをしたいと思います (強調表示) 。ノードのホバー イベントを削除しました。ここに私がこれまでに持っているもののフィドルがあります https://fiddle.jshell.net/vdmn2oj4/。

これどうやってするの？

ホバー時に、css スタイルで「hover」属性を使用することもできますが、クリックではそのようなことはありません (リンクとテキストフィールドにのみフォーカスします)。

データを変更して、代わりにリンクを作成しようとしました (そのため、css でフォーカスを使用できます)。

もちろん、それはうまくいきませんでした（どうにかしてそれができるかどうか教えてください）。次のようなリンクの属性を使用します。

cssを使用してフォーカス時にスタイルを変更できないため、機能しません（または、方法がわかりませんが、可能であれば問題を解決できる可能性があります）。

ノードの操作も試みましたが、これまでのところ、すべてのノード、ソース、ターゲットのみを変更できましたが、クリックしたノードは変更できませんでした。

ノードに「親」属性があることも知っています。これは私が望むものかもしれませんが、それを使用する方法もわかりませんでした。

私はすでにこれに多くの時間を費やしているので、部分的なものであっても、どんな解決策でも大歓迎です。