問題タブ [chord-diagram]

データをある形式から別の形式に変換することに関連するプログラミングの問題があります。

視覚化のためにマトリックスに変換する必要があるデータのテーブルを表すオブジェクトの配列があります。私はどういうわけか教育中に行列数学をカバーすることを避けたので、私の用語が間違っていたら申し訳ありません.

より具体的には、フォーマットされたデータを表すオブジェクトの配列があります。

そして、コード ダイアグラムで使用するために、それを正方行列に変換する必要があります。

結果の行列の長さ/幅 n は、配列内の一意の個人 (Harry、Serge など) の数に等しく、対応するセル (x、y) の値は、人 x が人 y をつついた回数です。 . pokes 配列内の各オブジェクトは、1 つの pokes を表します ("type" プロパティはマトリックスの構築には影響しません)。

たとえば、オブジェクトは次のようになります。

(Brin, Serge) を表すセルに 1 を追加します。

これは私の擬似コードメソッドです:

このメソッドが次のとおりかどうかわからないため、実際のコードには進んでいません。

1. 正しい
2. 特に pokes.length が数千に近い場合、効率的/高速

アドバイスをいただければ幸いです。特に、d3.js に、私が見つけていないマトリックスを作成するための隠しメソッドがある場合。

この種のコードの視覚化は初めてです。私はサンプルhttp://bl.ocks.org/mbostock/4062006に取り組んでいます:

それぞれの和音のラベルとして「黒」、「金髪」、「茶」、「赤」を追加したいと思います。これはどのように可能ですか。

私はこのようなことを試しましたが、うまくいきません:

いくつかのアイデアやドキュメントを使って、小さな個人的なプロジェクトで私を助けたいです。d3.jsを使用して、レベルとサブレベル (階層) を持つコード ダイアグラムを作成したいと考えています。

すべての例は、1 つのレベルのみを説明しています。

私が望むのは、サンバーストの組み合わせですが、端から中央までの階層と中央の弦図です。

助言がありますか？

私はd3の使用にかなり慣れていませんが、私がやろうとしているのは、いくつかのサイトトラフィックのコード図を作成することです.ユーザーが特定のグループをクリックすると、パスの色を変更してインタラクティブにしようとしています. site.here は私のコードのスタイルとスクリプトのセクションです:

どんな助けでも大歓迎です

http://jsfiddle.net/Rw3aK/2/はスクリプトの jsFiddle です。ファイルから読み取る方法がわからないため、data2.csv の内容は次のとおりです。

siteid1,siteid2,count,pubid1,pubid2

8,94,11132,57141,57141

201,94,10035,57141,57141

201,8,9873,57141,57141

0,94,8488,45020,57141

0,8,8258,45020,57141

0,201,7644,45020,57141

0,1,6973,45020,45020

94,1,5719,57141,45020

8,1,5670,57141,45020

1,201,5410,57141,45020

コード ダイアグラムを使用していますが、現在、コードが接続されているテキスト ラベルと灰色の境界線しか選択できません。

個々のコードを選択したいのですが、マウス機能を追加すると、ダイアグラムでランダムなコードが選択されます。