問題タブ [chord-diagram]

私はd3が初めてなので、ご容赦ください。私が抱えている問題は、貼り付けをコピーした後にhttp://bl.ocks.org/mbostock/のデモが機能しない理由を取得または理解できないことです。空白または白いページが表示され続けます。私は何が欠けていますか？

https://gist.github.com/mbostock/3884955から Gist ソース ファイルをダウンロードしましたが、それでも機能しませんでした。

http://bost.ocks.org/mike/uberdata/とそのデータ ファイルを実装する必要があるため、どんなアイデアも大歓迎です: (1) http://bost.ocks.org/mike/uberdata/citites。 csv (2) http://bost.ocks.org/mike/uberdata/matrix.json

複数の JSON ファイルのデータを視覚化するために d3 コード ダイアグラムを使用しています。年に 1 つの JSON ファイルがあり、年を選択すると (選択入力またはボタン)、データが更新されます。

私のアプローチは次のようなものです：

そこで、前のビジュアライゼーションのすべてのグループとコードを削除してから、新しいデータをロードします。これがそれを行うd3の方法だとは思いません。

私がやりたいのは、ビジュアライゼーション間にある種のトランジションを追加することです。更新パターン (入力、更新、終了) について読んだことがありますが、それを自分の問題に適応させる方法がわかりません。

関数とすべてのrenderソースはこちら(JavaScript のみ)

d3 のコード ダイアグラムを変更したい:

値を更新できるようにしたいと思います。このjsfiddleにはこれまでのコードが含まれていますが、目盛りとそのラベルが更新されていないようです(新しいマトリックスで更新するにはリンクをクリックしてください)。残りはうまくいくようです（私は思う...）。

問題は、ダニがダニ グループ内にあることだと思います。それらまたはティックグループ全体を削除する方法がわかりません（コードの「???」を参照してください）。

および/または

期待した結果にならない。

コード ダイアグラムを使用して、単語の出現間の関係を表示する D3.js を使用してデータを視覚化したいと考えています。つまり、出現回数が多い単語と少ない単語を関連付けます。具体的には、そのデータビズを達成するためにマトリックスをどのように行うべきですか?

約 74 個のパス要素を持つ半円であるアーク ビジュアライゼーションを作成しました。それぞれが国を表し、「arcValue」(各パスの高さとして表されます) です。

http://jsfiddle.net/developerAndADj/2DYrQ/

productCount > 0 を持つ国のコードをビジュアライゼーションに追加しようとしています。各コードは、対応する各パス要素から円弧の下にあるパスに移動します。

私は2つのことを達成しようとしています:

1. 製品数がある国とない国があることを示します。
2. これらの製品数を表す曲線または弦を使用します。

これまでのところ、半円の中心から各パス要素に向かう上記のフィドルの弧の内側に追加の弧を使用することができましたが、曲線効果はありません。

各国の製品数に基づいてコードを作成することもできましたが、コードを対応する国に合わせることができません。コードを生成するための私のコードは次のとおりです。

これがそのデモです: http://jsfiddle.net/developerAndADj/68WRT/

各コードをそれぞれのパス要素に並べることは可能ですか? また、各パス要素の内側の半径から円弧の下にあるパス、または SVG で指定された座標に向かうコードまたは曲線を使用することは可能ですか?

フィードバックをお寄せいただきありがとうございます。

皆さん-

http://bost.ocks.org/mike/uberdata/に基づく d3.js コード図に取り組んでいます。

行 88 は、近隣の「グループ」オブジェクトのマウスオーバー イベントを明確に示しています。

行 123 ～ 130 は、コードのタイトルがどのように連結されているかを示しています。

ただし、ノードに関連付けられた .text を表示/非表示にするマウスオーバー トリガーはありません。

これは JS の「自動」機能ですか? それとも、動作は d3.js スクリプトの一部ですか?

私が尋ねる理由は、iPad で使用できるようにする必要があるため、ホバー動作をクリック動作に置き換える必要があるからです。

私は d3js の初心者なので、私の質問がばかげているように見える場合は、しばらくお待ちください。

Mike Bostock が提案したようなコード グラフを再現しようとしています。Bostock のコードでは、円弧上にマウスを移動すると、円弧に含まれていないすべての和音 ( targetおよびsourceとして) がフェードします。

マウスがあるコードを除いてすべてのコードがフェードするように変更したいと思います (単一の双方向関係を強調するため)。

fade_singleマウスが和音の上にあるときにトリガーされる関数を追加しました。

関数は次のfade_singleとおりです。

問題は、コメント行に何を入力すればよいかわからないことです。つまり、単一のコードの行と列を持たないすべての関係を除外することです。サブインデックスで遊んでみましたが、パラメーターiは行のみを提供するため、フェードから除外したいコードを分離する方法がわかりません。

何か案が？ヒントはありますか？

ありがとうございました、

エリサ