This file loads all of the 2014 Israeli Education Budget CSV Data with D3 and does nothing with it for now
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Loading CSV Data with D3</title>
<script type="text/javascript" src="//d3js.org/d3.v3.js"></script>
<style type="text/css">
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400);
body{font-family: "Roboto Condensed", sans-serif; }
svg {background-color: black;}
</style>
</head>
<body>
<p>Remaking the Turbulence logo in SVG markup:</p>
<svg width="270" height="110">
<g transform="translate(15, -14) rotate(15)">
<circle cx="10" cy="30" r="4" fill="#fff"></circle>
<circle cx="22" cy="30" r="4" fill="#fff"></circle>
<circle cx="34" cy="30" r="4" fill="#fff"></circle>
<circle cx="10" cy="42" r="4" fill="#fff"></circle>
<circle cx="22" cy="42" r="4" fill="#fff"></circle>
<circle cx="34" cy="42" r="4" fill="#fff"></circle>
<circle cx="10" cy="54" r="4" fill="#fff"></circle>
<circle cx="22" cy="54" r="4" fill="#fff"></circle>
<circle cx="34" cy="54" r="4" fill="#fff"></circle>
</g>
<text x="50" y="50" fill="#fff" font-size="52.5" font-weight="400" font-family="Roboto Condensed">turbulence</text>
<text x="7" y="70" fill="#fff" font-size="18.3" font-weight="400" font-family="Roboto Condensed">COMMISSIONING AND SUPPORTING</text>
<text x="7" y="90" fill="#fff" font-size="18.1" font-weight="400" font-family="Roboto Condensed">NET | WEB | HYBRID ART SINCE 1996</text>
</svg>
<p>(some Israeli education budget data from 2014)</p>
<script type="text/javascript">
//Load in contents of CSV file
d3.csv("2014-edu-budget-original.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>