d3 animated path rendering

path.js

// This will animate all the path rendering to draw from the begining of the path to the end of the path
var paths = d3.selectAll('path.link');

paths.each(function () {
  var path = d3.select(this);
  var totalLength = path.node().getTotalLength();

  path.attr("stroke-dasharray", totalLength + " " + totalLength)
    .attr("stroke-dashoffset", totalLength)
    .transition()
    .ease('linear')
    .duration(300)
    .ease("linear")
    .attr("stroke-dashoffset", 0);
});