[ヘルプ]：d3.js散布図は3つの異なる配列を通り越します

Question

私がやっていることの説明：散布図を生成しました。ユーザがクラスタボタンをクリックすると、古い散布図が消去され、新しいクラスタデータが表示されます。 散布図を描画するための初期データは、座標の配列でした。ディマス-関数kmeansクラスタリングパッケージ、（SRC：https://www.npmjs.com/package/dimas-kmeans）とクラスタリング後、クラスタ化されたデータは、3つの異なるアレイに記憶されている（3つの異なるクラスタ）

問題：どのようにこの新しいクラスタ化されたデータを横断することができる（3異なります各クラスターが異なる色を表している散布図をプロットするには？ jsfiddleする

リンク：https://jsfiddle.net/data_x/nk2mhhtc/12/

重要コード：（jsfiddleでライン126で）

 .attr("cx", function (d,i) { //d is each array out of 3 arrays 
      console.log(d); 
      return x(d[0]); 
     }) 
     .attr("cy", function (d) {    
      return y(d[1]); 
     }) 
     .style("fill", color)//Different color to each different array out of 3. 3 different color patterns to distinguish 3 different clusters. 

ヒント任意の種類/ヘルプは高く評価され、

は、

Answer 1

をありがとうclustered_dataのchangeplotはオブジェクトの配列で、初期のdataはCoの配列縦座標...おそらくgetClustersは、正しいデータ構造をパックするためにもっとや​​らなければなりません。

Answer 2

私は何故私は数日以内にすべての質問に答えるのか分かりません。

ソル：私はむしろ、私は次のように異なるクラスタおよび出力色を解析する必要があります）私はgetclusters（から得たデータ形式を変更する必要がありscroll down toパソコンへ転送：

//Create circles 
    var circles1 = svg.selectAll("circle") 
         //.data(cluster_result); 
         .data(clustered_data) 
         .enter() 
         .append('g') 
         .each (function(d,i) { 
          d3.select(this).selectAll("circle") 
           .data(d.data) 
           .enter() 
           .append("circle") 
           .attr("cx", function(d) { return x(d[0])}) 
           .attr("cy", function(d){ return y(d[1])}) 
           .attr("r", 3) 
           .style("fill", color(d.data)); 
         })