аюсь нарисовать линию, основанную на нескольких точках, которые приходят с помощью setinterval, я прохожу точки по одному, но я также могу пройти несколько. сейчас я хочу, чтобы точки линии рисовались по одной, но без перерисовки тех, которые уже были нарисованы. Как я могу решить эту проблему ?

http://plnkr.co/edit/JjIiqrf97Y8K7YUJRodo?p=preview

  var path=g.selectAll(".line1")
  .data(data)
    .enter()
    .append("path")
    .attr("class", "line1")
    .attr("d", function(d,i) { return (line(data)); })
    .style("stroke", function(d) { return "brown" });

в своей реальной задаче я буду получать очки в режиме реального времени, поэтому я практикую, как рисовать точку в точке и генерировать анимацию