NVD3 Line with View Finder Chart - data from CSV file

</head>
<body>

d3.csv("Daily_data.csv",function(err,data){

//get each col of the data, except date col
            var dataToPlot = Object.keys(data[0]).filter(function(k){return k!="date"})
              .map(function(k){
                  return {"key":k,"values":data.map(function(d){
                      return {
                          "x":d3.time.format("%d %m %Y").parse(d.date),
                          "y":+d[k]
                      }
                  })}
              })

nv.addGraph(function () {
                var chart = nv.models.lineWithFocusChart();

chart.xAxis.tickFormat(function (d) { return d3.time.format('%x')(new Date(d)) });
                chart.x2Axis.tickFormat(function (d) { return d3.time.format('%x')(new Date(d)) });

chart.yAxis
                  .tickFormat(d3.format(',.2f'));

chart.y2Axis
                  .tickFormat(d3.format(',.2f'));

d3.select('#chart svg')
                  .datum(dataToPlot)
                  .transition().duration(500)
                  .call(chart)
                ;

nv.utils.windowResize(chart.update);

return chart;
            });
        })

</script>
</body>
</html>

Modified http://d3js.org/d3.v3.js to a secure url

Modified http://cdnjs.cloudflare.com/ajax/libs/nvd3/1.1.15-beta/nv.d3.js to a secure url

https://d3js.org/d3.v3.js

https://cdnjs.cloudflare.com/ajax/libs/nvd3/1.1.15-beta/nv.d3.js