D3 Examples - Reading csv for nvd3

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
​
<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="nv.d3.min.js"></script>
​
</head>
<body>
    <svg id="chart" style="width:500; height:500;"></svg>    
</body>
​
<script type="text/javascript">
​
    d3.csv("fun.csv", function(error, data){
        console.log(data)
        // create an empty object that nv is expecting
    var exampleData = [
        {
            key: "totals",
            values: []
        }
    ];
​
        // populate the empty object with your data
    data.forEach(function (d){
        d.value = +d.value
        exampleData[0].values.push(d)
    })       
​
    nv.addGraph(function() {
        
        var chart = nv.models.discreteBarChart()
            .x(function (d) { console.log(d); return d.label })
            .y(function (d) { return d.value })
            .staggerLabels(true)
            .tooltips(false)
            .showValues(true)
 
        d3.select('#chart')
                .datum(exampleData)
                .attr("id", function (d) { console.log(d); })
            .transition().duration(500)
                .call(chart);
 
        nv.utils.windowResize(chart.update);
        return chart;
    });
​
 });
​
</script>
</html>
    