function drawLine(data, path1, path2) {
    // the line accessor function 
    var line = d3.line()
        .x(function (d) { return d.x; })
        .y(function (d) { return d.y; })
        .curve(d3.curveLinear)

    d3.select(path1)
        .datum(data)
        .transition()
        .duration(2000)
        .attr('d', line)

    d3.select(path2)
        .datum(data)
        .transition()
        .duration(2000)
        .attrTween('d', function (d) {
            // console.log(d)
            var previous = d3.select(this).attr('d')
            var current = line(d)
            // console.log(current)
            // d3.select('#path-data').text(current)
            return d3.interpolatePath(previous, current)
        })

    d3.select('#path-data').text(line(data))

}