d3円弧と点をリボンで結ぶ

Question

円を構成する円弧の集合とその円の内部で生成されるランダム点が与えられた場合、その円のスライスを次のいずれかに接続する領域またはコードを生成する最適な方法は何ですか？正確な中心だけでなく、ポイント？私はリボンやコードのレイアウトは、ここで参考になるが、和音のレイアウトが（確かに私はそれを研究し、約2日間を過ごしてきたし、実際の使用状況に苦しんでいますが）

円弧を接続する特定思われることを考えていた

var width = 1000; 
var height = 600; 

var svg = d3.select("body") 
    .append("svg") 
    .attr("width", width) 
    .attr("height", height) 
    .append("g") 
    .attr("transform", "translate(" + width/2 + "," + height/2 + ")"); 

let arc = svg.append("path") 
    .datum({ 
     id: 1, 
     startAngle: 0, 
     endAngle: .50 * (2 * Math.PI) 
    }) 
    .style("fill", "blue") 
    .attr("d", d3.arc() 
     .innerRadius(180) 
     .outerRadius(200)) 

let circle = svg.append("circle") 
    .attr("cx", 0) 
    .attr("cy", 0) 
    .attr("gradientUnits", "objectBoundingBox") 
    .attr("r", 20); 

シンプルフィドル - - 今、私は、次のような簡単な任意の円弧と円を持ってhttp://jsfiddle.net/968o4s9m/

Answer 1

最良の方法は、線や円弧を使用して、すべてのポイントを入力することによって、手動でパスを描画することであるようですs。リボンは、私が理解できるものから任意の点とアークを接続することはできないようです。