D3 Examples - module_3

xxxxxxxxxx
 
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Loading CSV Data with D3</title>
        <script type="text/javascript" src="https://d3js.org/d3.v3.js"></script>
    </head>
    <body>
​
        <script type="text/javascript">     
​
            var svg = d3.select("body")
                    .append("svg")
                    .attr("width", 300)
                    .attr("height", 400);
​
            //Load in contents of CSV file
            d3.csv("bob_ross_aggregate_data_by_season.csv", function(data) {
​
            var rects = svg.selectAll("rect")
                    .data(data)
                    .enter()
                    .append("rect");
​
            rects.attr("x", 0)
                .attr("y", function(d,i) {
                    return i * 10;
                })
                .attr("width", function(d) {
                    return d.trees * 25;
                })
                .attr("height", 8);
​
            });
​
        </script>
​
    </body>
</html>
    