Estoy tratando de dibujar una línea basada en algunos puntos que vienen con la ayuda de un setinterval, estoy pasando los puntos uno por uno, pero también podría pasar varios. por ahora quiero que los puntos de la línea se dibujen uno a la vez pero sin volver a dibujar los que ya se han dibujado. Como puedó resolver esté 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" });

en mi problema real, recibiré puntos en tiempo real por eso estoy practicando cómo dibujar punto a punto y generar una animación