問題タブ [chord-diagram]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
672 参照

javascript - D3 -- コード ダイアグラムのアークが表示されない

D3コードダイアグラムがどのように機能するかを理解しようとしています. 私の最初のステップは、次のスクリプトを使用してダイアグラムの円弧を表示することです。しかし、何らかの理由で、アークが表示されません。

こちらのウェブページをご覧ください

誰かが私が欠けているものを教えてもらえますか?

0 投票する
0 に答える
115 参照

javascript - d3 でコード ダイアグラムの最小範囲を設定する

d3 でコード ダイアグラムを作成していて、値が 0 のコード グループがいくつかあります。このため、コード グループはアーク幅がほぼ 0 のスライバーとしてレンダリングされ、相互作用を追加することが難しくなります (ほぼ不可能なマウス ターゲット)。コードグループを構成するコードにゼロ以外の最小出力値を持たせることができる出力範囲を適用する方法があるかどうか疑問に思っています。

0 投票する
0 に答える
178 参照

javascript - 負の値を持つコード ダイアグラム (D3)

コード ダイアグラム内で負の数を視覚化する方法を探しています。

データセットに負の数を追加すると、グループは負の側に拡張され、他のグループと重なります。

レイアウトを台無しにすることなく、コード ダイアグラムに負の数を追加することは可能ですか?

0 投票する
1 に答える
950 参照

javascript - d3.js のデータに基づいて円弧の外径を変更する

初めてのユーザーなので、プロトコルの偶発的な違反を許してください. 私は、D3 で生成されたコード ダイアグラムの外側のリングを形成する弧を取り、それらを一種の棒グラフに変換しようとしています。各グループの弧は、異なる外側半径を持っています。これが不可能であることを示唆する D3 ドキュメントには何も見つかりませんでしたが、解決策はまだ見つかりませんでした。トリッキーな部分は、私が保存しているcsvファイルから関連する数値を実行して取得する関数を取得し、それに応じて円弧の外径を変更することです。これが私がこれまでに持っているものです(「Andrew RPのAndrew's Chord Example」から変更):

しかし、プログラムを実行すると、外側の円弧が表示されず、ブラウザーの開発者ペインに「d」を解析できないというエラー メッセージが表示され、outerRadius(…) 内の関数の実行に問題があることが示されます。ヘルプやアドバイスをいただければ幸いです。ありがとう!

0 投票する
1 に答える
595 参照

javascript - D3.js を使用してコード ダイアグラムの単一コードの色を変更する

D3 と Javascript の初心者です。D3 でレンダリングされたコード ダイアグラムで、単一のコードの色を変更したいと考えています。理想的には、この色は、和音のソース/宛先エンティティとは関係なく、任意にすることができます。

1 つのコードを識別して、後でアクセスして入力できるようにするにはどうすればよいですか?

これは、目的の効果 (緑のコード) を持つ画像(画像エディターで編集が不十分) です。

0 投票する
0 に答える
1097 参照

javascript - d3.jsのコードダイアグラムで色を扱う

ユーバーの乗り物を視覚化したコード ダイアグラムのこの優れた例を見つけました: http://bost.ocks.org/mike/uberdata/

使用するコードは次のとおりです (ここで完全に入手できます: https://github.com/sghall/d3-chord-diagrams ):

表示される内容は次のとおりです。

ここに画像の説明を入力

さて、これは有向グラフを表し、任意のコードの色がエッジの元の色を反映します。

無向データを表示したい場合はどうすればよいですか? 出発地と目的地の 2 つの色を混合する方法はありますか? それとも、始点から終点に向かってコードの色を直線的にフェードさせるにはどうすればよいでしょうか?

0 投票する
1 に答える
140 参照

javascript - Java スクリプトでのコールバックを介したコード フロー

上記のコードのコード フローを分析するのに苦労しています。mpr.setFilter(function (row, a, b)) 呼び出しで、row、a、b とは何ですか? この名前の変数が見つかりません。また、ある関数から別の関数への呼び出しの変換方法についても説明します。助けてください。

0 投票する
2 に答える
2236 参照

r - R サーキュラー コード プロット

CIRCOS Im と同様に、R で円形プロットを作成する方法を学んでいます。パッケージ circlize を使用して、フライトが OB、インバウンド、リターンのいずれであったかに基づいて、出発地と目的地のペア間のリンクを描画します。データのロジックは重要ではなく、おもちゃの例にすぎません

私は、次のロジックに基づいて動作する以下のコードに基づいてプロットを動作させました

  1. 私のデータを取得し、目的地の列とフライトの種類を組み合わせます
  2. 行列に変換し、原点と新しい列を circlize にフィードします

参照

プロットはとても気に入っていますが、少し変更したいと思います。たとえば、FI (フィンランド) には、ダイアグラム FI IB、FI OB、および FI に 3 つの測定値があります。可能であれば、FI の下でそれらをすべて組み合わせて、配色、矢印、または IB OB と RETURN フライトの傘として機能する追加のトラックを追加して、3 つのタイプのフライトを区別したいと考えています。

たとえば、

  • FI OB は FI に配置されますが、OB を示すために GB への一方向矢印があります。
  • FI IB は FI に配置されますが、FI への一方向矢印があります
  • FI RETURN (存在する場合) には、両方向矢印が表示されます。

誰か助けてくれませんか? 最終結果には、プロットに国が一度だけ含まれている必要があります。これにより、誰かがどの国が最も多くのフライトを持っているかを非常に迅速に確認できるようになります

他の投稿をフォローしようとしましたが、より高度なものに移動すると迷子になるのではないかと心配しています

お時間をいただきありがとうございました