問題タブ [parallel-coordinates]
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.
javascript - D3 : 複数の CSV ファイルを読み込み、平行座標を使用してそれらを視覚化する
4 つの csv ファイル (たとえば 4 つのクラス) があり、それぞれに 100x200 要素 (100 ケース、200 機能) があります。平行座標を使用して、これらの機能の一部 (feature1、feature2、...、feature8; したがって、csv ファイルごとに 100x8 になります) を視覚化する必要があります。クラスを認識するために、4 つの異なる色を使用する必要があります。
1 つの csv ファイルでデータ (100x10) を視覚化するために使用できる平行座標が既にあります。コードは次のとおりです。
また、私のサンプルデータは次のようなものです:
ここで、2 つの質問があります。
まず、4 つの csv ファイルを同時にロードする方法がわかりません。将来、クラスの数を増やす必要があるかもしれません (つまり、視覚化する必要がある csv ファイルの数を増やす)。そのため、csv ファイルを組み合わせて、1 つの csv ファイルだけをロードすることはお勧めできません。どうすればそれを処理できますか?
第二に、それらが属しているcsvファイルに関する行にどのように色を付ける必要がありますか?
javascript - 平行座標の色分け
私はすでに平行座標を描画するためのコードを持っていますが、それはうまく機能します。一部の機能の平行座標を描画できます ( label, feature1, feature2, ..., feature5
: データベースの特定の列)。
私のテスト入力ファイルでは、label
feature の値は 1、2、または 3 のいずれかです。ここで、label
軸を削除し、代わりに 3 色を使用して、平行座標の視覚化を色分けします。私はそれを行う方法がわかりません。あなたが私を助けることができれば、私は感謝します.
これは私のデータの一部です:
また、ここで私のコードを見つけることができます: http://jsfiddle.net/SaraJS/ubBwY/10/
(また、「test.csv」はここにあります。コードにリンクできませんでした。)
javascript - すべての座標が平行座標 (d3) を使用してプロットされるわけではありません
parallel-coordinatesライブラリを使用してデータをプロットしようとしています。私が持っているデータ ポイントの座標はすべてstringです。たとえば、次のCSV
表を考えてみましょう。
これらは 2 つのデータ ポイントで、それぞれに 6 つの属性があります。html
私が持っているMWEは次のとおりです。
残念ながら、スクリーンショットでわかるように、これは 4 つの座標しかプロットしません...すべての座標が文字列であるという事実に問題が何らかの形で関連していると思いますが、よくわかりません。
これを修正する方法はありますか?
javascript - 平行座標を画像にリンクし、その画像に変更を加える
一連の画像 (画像の数: N) があり、各画像にいくつかの円があるとします。
画像処理アルゴリズムを使用して、各画像から 10 個の特徴を抽出しました。これらの 10 個の機能の中に、その特定の円の中心座標 ( cx および cy ) があります。
m 個の円が含まれる特定の画像の場合、m × 10 の配列があります (m はその画像内の円の数です)。したがって、結果は N*m x 10 の配列になります。
D3 を使用して、これらの 8 つの機能 (cx と cy ではない) の平行座標を描画する Javascript コードを作成しました。ここで、平行座標に特定の機能を追加したいと考えています。異なる線 (異なる円) にカーソルを合わせると、関連する画像が表示され、画像内の特定の円の中心も認識できます。下の画像をご覧ください。
Javascript と D3 を使用して可能かどうかはわかりません。誰かがこれを手伝ってくれたり、同様の例を教えてくれたりしてくれたらありがたいです。
前もって感謝します。
r - (検索パス?) 格子の奇妙さ::parallelplot
平行座標プロットを作成する必要があり、lattice::parallellplot
そのために使用しようとしています。現在、data.frame で変数を見つけることができないようです。
関数がparallelplot
データ フレーム内の列を見つけられないのはなぜですか?
セッションに関する Somoe 情報: