問題タブ [chord-diagram]

Raphaeljs と Jquery を使用して巨大な配列からコード ダイアグラムを描画していますが、永遠に時間がかかります。一度に 1 つのコードを描画して、JavaScript のタイムアウト エラーを回避し、ユーザーが凝視する必要がないようにする方法を見つけようとしています。空白の画面。

これは私がSVGを描く方法です:

すべてのコード ダイアグラムを一度に作成するのではなく、一度に 1 つずつコード ダイアグラムを作成する最良の方法は何ですか?

私は新人プログラマーなので、これはおそらくほとんどの人にとって簡単なものになるでしょう。このコード ダイアグラムのラベルやマウスオーバー テキストには、どのコード行が必要ですか?

http://mbostock.github.com/d3/ex/chord.html

外側のストリップにカテゴリの名前を表示する必要があります。マウスオーバーすると、正確な数と両方のカテゴリが表示されます。このようなもの：「A：Bからの5つのもの」。

編集：

コードに実装する方法がまだわかりません。誰かが私のコード例に記入して、何が起こっているのかを説明できますか?

と

https://gist.github.com/1308257/1b67569b598525efad854978eced78ee74eec158から適応したコード図があります。

私のバージョンでは、ローカル ボックス (Apache、CF9) で完全に動作しますが、メイン ボックス (IIS6、CF8) にアップロードすると、「Unexpected value rotate(NaN)translate(390) parsing transform attribute.」というメッセージが表示されます。

動的に生成された.CSVに関係があると思われます.CSVを渡しているか、応答ヘッダーを変更しているサーバー側を設定しています。しかし、「見た目」からのデータは問題ありません...

奇妙なことに、ライブ サイトでも ga.js (!) でエラーがスローされているように見えますが、これは奇妙なことです。

テストページはこちら: http://www.oxfordmartin.ox.ac.uk/labs/chord/

これは次のようになります。 代わりに、これを取得します

これは d3 での私の最初の試みです。

D3で弦図を作成したいのですが、次のCircosの例のように、間隔と正確な位置の関係を指定します。

D3でそれを行う方法はありますか？

そうでない場合は、他のJavaScriptデータ視覚化ライブラリでそれを行う方法はありますか？

私はMYSQLでいくつかのデータ分析を行っており、次のことが可能になることを望んでいます。

次のように、ユーザーのブログのトピックを文書化した表があります。合計 25 のトピックがあり、これを十分に抽象化して、後でトピックを追加し、クエリをやり直す必要がないようにしたいと考えています (可能な場合)。

このデータからコード ダイアグラム ( http://bl.ocks.org/4062006 ) を作成するには、行を 2 つのトピックでグループ化するか、マトリックスを作成して、2 つのトピック間の関係を分析する必要があります。

または、さらに良い...

これらのいずれかが MYSQL で可能ですか? もしそうなら、それらを行う最も簡単な方法は何ですか?

プレーヤー間のパストラフィックデータがあります。これがデータです。最初の列と最初の行はプレーヤー番号を示しています。

このデータをUberRidesのように視覚化したいと思います。BostockのChordDiagramで作成されたと思います。

私はJavaScriptの経験がほとんどないので、どこから始めればよいのかわかりません。

どうすればこのようなことを達成できますか？

次のようなコード レイアウトをプロットできる cran のパッケージはありますか: (この視覚化はコード ダイアグラムとも呼ばれます)

一つ質問があります。それはあなたにとって簡単かもしれません。

私はd3jsコード図を作成しようとしています-このようなもの（http://bl.ocks.org/4062006）：

ただし、mysqlデータベースからデータを取得しています

私のテーブルは次のようになります。

出力を次のようにしたいと思います。

これは簡単で、次の方法で作成できます。

しかし、別の問題があります。次のような2つのテーブルがあります。表1：

表2：

entryidは基本的に最初のテーブルのIDであり、Table2とTable3がtable1のサブセットにすぎないことを示しています。

これらの3つのテーブルを組み合わせると、次のようになります。

したがって、コード図の結果として、これらすべてのテーブルを考慮に入れて、最終的に次のようなものを作成する必要があります。

ここで私を助けてください。

Mike Bostock によるこのコード ダイアグラムを適応させようとしています。

このコード ダイアグラムのように、テキスト ラベルを外側に回転させたい:

http://bost.ocks.org/mike/uberdata/

ここに例があります

http://bl.ocks.org/mbostock/910126

ただし、変換は svg:text を使用して行われます。

私が適応しようとしているのは「テキスト」と「テキストパス」を使用しており、単純に変換/回転属性を追加できないようです。この行を追加する

以下のコードでは何もしません:

テキストを外側に回転させて、小さなコードグループのテキストラベルを束ねたり（元のソリューションのように）完全にオフにしたりせずに表示できるようにする方法はありますか?

次のようなデータフレームがあります。

各行は、あるユーザーから別のユーザーに送信されたメッセージの数（長さ）を示しています。

私がやりたいのは、各国間で送信されるメッセージの視覚化を（D3のコード図を介して）作成することです。

ほぼ200カ国があります。次のように関数dcastを使用します。

これは、以前はデータセットと変数が少なかったときに機能しましたが、このデータセットは300万行を超えており、いわばデバッグが容易ではありません。

とにかく、私が今得ているのは正方形ではない行列であり、なぜそうなのか理解できません。私が取得することを期待しているのは、本質的に、(i,j)thセルがに送信されたメッセージを表すcountry i行列country jです。最終的にはこれに非常に近いものになりますが、一部の行と列が明らかに欠落しています。これは、US-> USメッセージが1行または列シフトして表示されるため、簡単に見つけることができます。

これが私の質問です。明らかに間違っていることはありますか？そうでない場合、これを整理するためにデータセットで探す必要のある「奇妙な」ものはありますか？