Estou tentando desenhar uma linha com base em alguns pontos que vêm com a ajuda de um setinterval, estou passando os pontos um de cada vez, mas também posso passar vários. por enquanto, quero que os pontos da linha sejam desenhados um de cada vez, mas sem redesenhar os que já foram desenhados. Como posso resolver este problema?

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" });

no meu problema real, receberei pontos em tempo real, por isso estou praticando como desenhar ponto a ponto e gerar uma animação