Aggregate information about homelessness in the USA by state over time + random gray dots.

<!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>

<p>Random grey dots: Some code here borrowed from the awesome <a href="https://jfire.io/animations/">John Firebaugh</a>.</p>

function repeat() {
        dots.transition()
                .ease("linear")
                .duration(5000)
                .attr("r", randomSize)
                .transition()
                .delay(30)
                .attr("r", randomSize)
                .each("end", function(d, i) { if (i === 0) setTimeout(repeat, 10); });
    }
    setTimeout(repeat, 10);
</script>
<script type="text/javascript">

//Load in contents of CSV file
    d3.csv("pit_states_over_years_total.csv", function(data) {

//Now CSV contents have been transformed into
        //an array of JSON objects.

//Log 'data' to the console, for verification.
        console.log(data);

});

</script>

</body>
</html>

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

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