charts - d3jsマルチシリーズ折れ線グラフ、円の追加

Question

私は自分の側で単純なサーバーで作業しているこの例に取り組んでいますが、ここで bl.ock を作成すると何らかの理由で機能しません: http://bl.ocks.org/atmccann/6673536。マルチシリーズ折れ線グラフの各日付に、対応する線の色で円を追加したいと思います。ここに私が持っているものがあります:

var network = svg.selectAll(".network")
  .data(networks)
  .enter().append("g")
  .attr("class", "network");

  console.log(networks)

  network.append("path")
  .attr("class", "line")
  .attr("d", function(d) { return line(d.values); })
  .style("stroke", function(d) { return color(d.name); });

  network.append("text")
  .datum(function(d) { return {name: d.name, value: d.values[d.values.length - 1]}; })
  .attr("transform", function(d) { return "translate(" + x(d.value.date) + "," + y(d.value.rating) + ")"; })
  .attr("x", 3)
  .attr("dy", ".35em")
  .text(function(d) { return d.name; });


   network.append("circle")
   .attr("r", 5)
   .attr("cx", function(d) { return d.date; })
   .attr("cy",function(d) { return d.rating; })
   .style("stroke", function(d) { return color(d.name); });
  .style("fill", function(d) { return color(d.name); });
});

しかし、円を線に正しく追加していません。私のブロックは機能していないのであまり役に立たないことはわかっていますが、コード全体はそこにあります。

どんなヒントでも大歓迎です、ありがとう！