ヒストグラムの線を通る2つのx軸を接続する

Question

2つのx軸の間に接続線を描く方法を教えてもらえますか？ svgには2つのヒストグラムがあり、データ間に2つのx軸を接続したいとします。第一レコード（010999）第六レコード対523524525526（011739）に接続しているが000200倍または000200で二回接続していると接続されて011739.

1. 010999 000523 
2. 010999 000524 
3. 010999 000525 
4. 010999 000526 
5. 011000 000526 
6. 011739 000200 
7. 011740 000200 

[それは見ているべきであるかの画像] [1]

現在の作業コードはここにあります： http://plnkr.co/edit/p3f2o4Zei6QWoNbIkB5Y?p=preview

しかし、私はどのように接続線に行くのか分かりません。どんな指導も大歓迎です。

Answer 1

私が何かを誤解していない限り、かなりストレートです。私は以下を追加しました：

var connections = d3.select("#firstchart").append("g") 
    .attr("class", "connections"); 

    connections.selectAll("path") 
    .data(data) 
    .enter() 
    .append("path") 
    .style("stroke", "#FFCC66") 
    .attr("d", function(d) { 
     return "M "+x1(d.column9)+" 150 C "+x1(d.column9)+" 250,"+x2(d.column10)+" 220 , "+x2(d.column10)+" "+320; 
    }); 

ここにはthe resultです。