Skip to content

Instantly share code, notes, and snippets.

@html5cat
Last active August 29, 2015 13:57
Show Gist options
  • Save html5cat/9844619 to your computer and use it in GitHub Desktop.
Save html5cat/9844619 to your computer and use it in GitHub Desktop.
Car2Go Vancouver

Car2Go Vancouver

Number Car2Go Cars available in Vancouver, BC between Feb. 2 – 22, sampled every 90 min.

<!DOCTYPE html>
<meta charset="utf-8">
<style>
.chart rect {
fill: steelblue;
}
.chart text {
fill: white;
font: 10px sans-serif;
text-anchor: middle;
}
</style>
<body>
<svg class="chart"></svg>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var width = parent.innerWidth - 10,
height = 500;
var y = d3.scale.linear()
.range([height, 0]);
var chart = d3.select(".chart")
.attr("width", width)
.attr("height", height);
d3.json("vancouver.json", function(error, raw) {
if (error) return console.warn(error);
var data = [];
// var data = raw.map(function (el) {
// return {'key': el.[0], 'value': el[1]};
// });
for (var i = 0; i < raw.rows.length; i++) {
data[i] = {'key': raw.rows[i].value[0], 'value': raw.rows[i].value[1]};
}
console.log(data);
y.domain([0, d3.max(data, function(d) { return d.value; })]);
console.log(y);
var barWidth = width / data.length;
var bar = chart.selectAll("g")
.data(data)
.enter().append("g")
.attr("transform", function(d, i) { return "translate(" + i * barWidth + ",0)"; });
bar.append("rect")
.attr("y", function(d) { return y(d.value); })
.attr("height", function(d) { return height - y(d.value); })
.attr("width", barWidth - 1);
bar.append("text")
.attr("x", barWidth / 2)
.attr("y", function(d) { return y(d.value) + 3; })
.attr("dy", ".75em")
.text(function(d) { return d.value; });
});
function type(d) {
d.value = +d.value; // coerce to number
return d;
}
</script>
{"rows":[
{"key":["Vancouver",2014,2,2,6,46],"value":[1393742804,397]},
{"key":["Vancouver",2014,2,2,9,10],"value":[1393751444,447]},
{"key":["Vancouver",2014,2,2,11,34],"value":[1393760084,504]},
{"key":["Vancouver",2014,2,2,13,58],"value":[1393768724,507]},
{"key":["Vancouver",2014,2,2,16,22],"value":[1393777364,446]},
{"key":["Vancouver",2014,2,2,18,46],"value":[1393786004,374]},
{"key":["Vancouver",2014,2,2,21,10],"value":[1393794644,360]},
{"key":["Vancouver",2014,2,2,23,34],"value":[1393803284,346]},
{"key":["Vancouver",2014,2,3,1,58],"value":[1393811924,350]},
{"key":["Vancouver",2014,2,3,4,22],"value":[1393820564,416]},
{"key":["Vancouver",2014,2,3,6,46],"value":[1393829209,462]},
{"key":["Vancouver",2014,2,3,9,10],"value":[1393837844,517]},
{"key":["Vancouver",2014,2,3,11,34],"value":[1393846484,524]},
{"key":["Vancouver",2014,2,3,13,58],"value":[1393855124,493]},
{"key":["Vancouver",2014,2,3,16,22],"value":[1393863764,328]},
{"key":["Vancouver",2014,2,3,18,46],"value":[1393872404,440]},
{"key":["Vancouver",2014,2,3,21,10],"value":[1393881044,421]},
{"key":["Vancouver",2014,2,3,23,34],"value":[1393889684,395]},
{"key":["Vancouver",2014,2,4,1,58],"value":[1393898324,332]},
{"key":["Vancouver",2014,2,4,4,22],"value":[1393906964,442]},
{"key":["Vancouver",2014,2,4,6,46],"value":[1393915604,471]},
{"key":["Vancouver",2014,2,4,9,10],"value":[1393924244,525]},
{"key":["Vancouver",2014,2,4,11,34],"value":[1393932884,531]},
{"key":["Vancouver",2014,2,4,13,58],"value":[1393941524,497]},
{"key":["Vancouver",2014,2,4,16,22],"value":[1393950164,337]},
{"key":["Vancouver",2014,2,4,18,46],"value":[1393958804,419]},
{"key":["Vancouver",2014,2,4,21,10],"value":[1393967444,431]},
{"key":["Vancouver",2014,2,4,23,34],"value":[1393976084,402]},
{"key":["Vancouver",2014,2,5,1,58],"value":[1393984724,323]},
{"key":["Vancouver",2014,2,5,4,22],"value":[1393993364,422]},
{"key":["Vancouver",2014,2,5,6,46],"value":[1394002004,481]},
{"key":["Vancouver",2014,2,5,9,10],"value":[1394010644,541]},
{"key":["Vancouver",2014,2,5,11,34],"value":[1394019284,553]},
{"key":["Vancouver",2014,2,5,13,58],"value":[1394027924,518]},
{"key":["Vancouver",2014,2,5,16,22],"value":[1394036564,330]},
{"key":["Vancouver",2014,2,5,18,46],"value":[1394045204,448]},
{"key":["Vancouver",2014,2,5,21,10],"value":[1394053844,407]},
{"key":["Vancouver",2014,2,5,23,34],"value":[1394062484,418]},
{"key":["Vancouver",2014,2,6,1,58],"value":[1394071124,348]},
{"key":["Vancouver",2014,2,6,4,22],"value":[1394079764,406]},
{"key":["Vancouver",2014,2,6,6,46],"value":[1394088404,472]},
{"key":["Vancouver",2014,2,6,10,27],"value":[1394101658,543]},
{"key":["Vancouver",2014,2,6,12,51],"value":[1394110298,532]},
{"key":["Vancouver",2014,2,6,15,15],"value":[1394118938,406]},
{"key":["Vancouver",2014,2,6,17,39],"value":[1394127578,415]},
{"key":["Vancouver",2014,2,6,20,3],"value":[1394136218,436]},
{"key":["Vancouver",2014,2,6,22,27],"value":[1394144858,407]},
{"key":["Vancouver",2014,2,7,0,51],"value":[1394153498,322]},
{"key":["Vancouver",2014,2,7,3,15],"value":[1394162138,331]},
{"key":["Vancouver",2014,2,7,5,39],"value":[1394170778,442]},
{"key":["Vancouver",2014,2,7,8,3],"value":[1394179418,531]},
{"key":["Vancouver",2014,2,7,10,27],"value":[1394188058,550]},
{"key":["Vancouver",2014,2,7,12,51],"value":[1394196698,549]},
{"key":["Vancouver",2014,2,7,15,15],"value":[1394205338,413]},
{"key":["Vancouver",2014,2,7,17,39],"value":[1394213978,418]},
{"key":["Vancouver",2014,2,7,20,3],"value":[1394222618,416]},
{"key":["Vancouver",2014,2,7,22,27],"value":[1394231258,425]},
{"key":["Vancouver",2014,2,8,0,51],"value":[1394239898,334]},
{"key":["Vancouver",2014,2,8,3,15],"value":[1394248538,290]},
{"key":["Vancouver",2014,2,8,5,39],"value":[1394257178,423]},
{"key":["Vancouver",2014,2,8,8,3],"value":[1394265818,508]},
{"key":["Vancouver",2014,2,8,10,27],"value":[1394274458,528]},
{"key":["Vancouver",2014,2,8,12,51],"value":[1394283098,544]},
{"key":["Vancouver",2014,2,8,15,15],"value":[1394291738,507]},
{"key":["Vancouver",2014,2,8,17,39],"value":[1394300378,399]},
{"key":["Vancouver",2014,2,8,20,3],"value":[1394309018,367]},
{"key":["Vancouver",2014,2,8,22,27],"value":[1394317658,323]},
{"key":["Vancouver",2014,2,9,0,51],"value":[1394326298,318]},
{"key":["Vancouver",2014,2,9,3,41],"value":[1394336465,276]},
{"key":["Vancouver",2014,2,9,6,5],"value":[1394345105,411]},
{"key":["Vancouver",2014,2,9,8,29],"value":[1394353745,472]},
{"key":["Vancouver",2014,2,9,10,53],"value":[1394362385,513]},
{"key":["Vancouver",2014,2,9,13,17],"value":[1394371025,513]},
{"key":["Vancouver",2014,2,9,15,41],"value":[1394379665,472]},
{"key":["Vancouver",2014,2,9,18,5],"value":[1394388305,423]},
{"key":["Vancouver",2014,2,9,20,29],"value":[1394396945,364]},
{"key":["Vancouver",2014,2,9,22,53],"value":[1394405585,359]},
{"key":["Vancouver",2014,2,10,1,17],"value":[1394414225,397]},
{"key":["Vancouver",2014,2,10,3,41],"value":[1394422865,457]},
{"key":["Vancouver",2014,2,10,6,5],"value":[1394431505,475]},
{"key":["Vancouver",2014,2,10,8,29],"value":[1394440145,522]},
{"key":["Vancouver",2014,2,10,10,53],"value":[1394448785,531]},
{"key":["Vancouver",2014,2,10,13,17],"value":[1394457425,479]},
{"key":["Vancouver",2014,2,10,15,41],"value":[1394466065,361]},
{"key":["Vancouver",2014,2,10,18,5],"value":[1394474705,455]},
{"key":["Vancouver",2014,2,10,20,29],"value":[1394483345,427]},
{"key":["Vancouver",2014,2,10,22,53],"value":[1394491985,431]},
{"key":["Vancouver",2014,2,11,1,17],"value":[1394500625,346]},
{"key":["Vancouver",2014,2,11,3,41],"value":[1394509265,458]},
{"key":["Vancouver",2014,2,11,6,5],"value":[1394517905,483]},
{"key":["Vancouver",2014,2,11,8,29],"value":[1394526545,540]},
{"key":["Vancouver",2014,2,11,10,53],"value":[1394535185,546]},
{"key":["Vancouver",2014,2,11,13,17],"value":[1394543825,492]},
{"key":["Vancouver",2014,2,11,15,41],"value":[1394552465,380]},
{"key":["Vancouver",2014,2,11,18,5],"value":[1394561105,457]},
{"key":["Vancouver",2014,2,11,20,29],"value":[1394569745,438]},
{"key":["Vancouver",2014,2,12,1,12],"value":[1394586722,379]},
{"key":["Vancouver",2014,2,12,3,36],"value":[1394595363,459]},
{"key":["Vancouver",2014,2,12,6,0],"value":[1394604003,504]},
{"key":["Vancouver",2014,2,12,8,40],"value":[1394613626,561]},
{"key":["Vancouver",2014,2,12,11,4],"value":[1394622265,564]},
{"key":["Vancouver",2014,2,12,13,28],"value":[1394630905,496]},
{"key":["Vancouver",2014,2,12,15,52],"value":[1394639545,397]},
{"key":["Vancouver",2014,2,12,18,16],"value":[1394648186,451]},
{"key":["Vancouver",2014,2,12,20,40],"value":[1394656825,438]},
{"key":["Vancouver",2014,2,12,23,4],"value":[1394665465,408]},
{"key":["Vancouver",2014,2,13,1,28],"value":[1394674106,394]},
{"key":["Vancouver",2014,2,13,3,52],"value":[1394682745,451]},
{"key":["Vancouver",2014,2,13,7,22],"value":[1394695358,551]},
{"key":["Vancouver",2014,2,13,9,46],"value":[1394703998,552]},
{"key":["Vancouver",2014,2,13,12,10],"value":[1394712638,553]},
{"key":["Vancouver",2014,2,13,14,34],"value":[1394721278,412]},
{"key":["Vancouver",2014,2,13,18,18],"value":[1394734738,324]},
{"key":["Vancouver",2014,2,13,20,42],"value":[1394743378,437]},
{"key":["Vancouver",2014,2,13,23,6],"value":[1394752018,387]},
{"key":["Vancouver",2014,2,14,1,30],"value":[1394760658,388]},
{"key":["Vancouver",2014,2,14,3,54],"value":[1394769298,451]},
{"key":["Vancouver",2014,2,14,6,18],"value":[1394777938,516]},
{"key":["Vancouver",2014,2,14,8,42],"value":[1394786579,558]},
{"key":["Vancouver",2014,2,14,11,6],"value":[1394795218,565]},
{"key":["Vancouver",2014,2,14,13,30],"value":[1394803858,488]},
{"key":["Vancouver",2014,2,14,15,54],"value":[1394812498,375]},
{"key":["Vancouver",2014,2,14,18,18],"value":[1394821139,446]},
{"key":["Vancouver",2014,2,14,20,42],"value":[1394829779,412]},
{"key":["Vancouver",2014,2,14,23,6],"value":[1394838419,359]},
{"key":["Vancouver",2014,2,15,1,30],"value":[1394847059,304]},
{"key":["Vancouver",2014,2,15,3,54],"value":[1394855698,382]},
{"key":["Vancouver",2014,2,15,6,18],"value":[1394864339,456]},
{"key":["Vancouver",2014,2,15,8,42],"value":[1394872978,514]},
{"key":["Vancouver",2014,2,15,11,6],"value":[1394881619,541]},
{"key":["Vancouver",2014,2,15,13,30],"value":[1394890258,505]},
{"key":["Vancouver",2014,2,15,15,54],"value":[1394898898,423]},
{"key":["Vancouver",2014,2,15,18,18],"value":[1394907538,390]},
{"key":["Vancouver",2014,2,15,20,42],"value":[1394916179,345]},
{"key":["Vancouver",2014,2,15,23,6],"value":[1394924819,333]},
{"key":["Vancouver",2014,2,16,1,30],"value":[1394933459,288]},
{"key":["Vancouver",2014,2,16,3,54],"value":[1394942099,395]},
{"key":["Vancouver",2014,2,16,6,18],"value":[1394950739,454]},
{"key":["Vancouver",2014,2,16,8,42],"value":[1394959379,509]},
{"key":["Vancouver",2014,2,16,11,6],"value":[1394968018,540]},
{"key":["Vancouver",2014,2,16,13,30],"value":[1394976658,512]},
{"key":["Vancouver",2014,2,16,15,54],"value":[1394985299,449]},
{"key":["Vancouver",2014,2,16,18,18],"value":[1394993939,397]},
{"key":["Vancouver",2014,2,16,20,42],"value":[1395002579,360]},
{"key":["Vancouver",2014,2,17,1,17],"value":[1395019051,372]},
{"key":["Vancouver",2014,2,17,3,41],"value":[1395027691,435]},
{"key":["Vancouver",2014,2,17,6,54],"value":[1395039292,502]},
{"key":["Vancouver",2014,2,17,9,18],"value":[1395047932,530]},
{"key":["Vancouver",2014,2,17,15,9],"value":[1395068983,389]},
{"key":["Vancouver",2014,2,17,17,33],"value":[1395077623,433]},
{"key":["Vancouver",2014,2,17,21,18],"value":[1395091122,405]},
{"key":["Vancouver",2014,2,17,23,42],"value":[1395099762,382]},
{"key":["Vancouver",2014,2,18,3,41],"value":[1395114110,447]},
{"key":["Vancouver",2014,2,18,6,5],"value":[1395122750,506]},
{"key":["Vancouver",2014,2,18,8,29],"value":[1395131390,547]},
{"key":["Vancouver",2014,2,18,10,53],"value":[1395140030,554]},
{"key":["Vancouver",2014,2,18,13,17],"value":[1395148670,488]},
{"key":["Vancouver",2014,2,18,15,41],"value":[1395157310,385]},
{"key":["Vancouver",2014,2,18,18,5],"value":[1395165950,462]},
{"key":["Vancouver",2014,2,18,20,29],"value":[1395174590,455]},
{"key":["Vancouver",2014,2,18,22,53],"value":[1395183230,430]},
{"key":["Vancouver",2014,2,19,1,17],"value":[1395191870,376]},
{"key":["Vancouver",2014,2,19,3,41],"value":[1395200510,431]},
{"key":["Vancouver",2014,2,19,6,5],"value":[1395209150,510]},
{"key":["Vancouver",2014,2,19,8,29],"value":[1395217790,561]},
{"key":["Vancouver",2014,2,19,10,53],"value":[1395226430,568]},
{"key":["Vancouver",2014,2,19,13,17],"value":[1395235070,484]},
{"key":["Vancouver",2014,2,19,15,41],"value":[1395243710,341]},
{"key":["Vancouver",2014,2,19,18,5],"value":[1395252350,463]},
{"key":["Vancouver",2014,2,19,20,29],"value":[1395260990,448]},
{"key":["Vancouver",2014,2,19,22,53],"value":[1395269630,405]},
{"key":["Vancouver",2014,2,20,1,17],"value":[1395278270,336]},
{"key":["Vancouver",2014,2,20,5,36],"value":[1395293792,482]},
{"key":["Vancouver",2014,2,20,8,0],"value":[1395302431,539]},
{"key":["Vancouver",2014,2,20,10,24],"value":[1395311072,555]},
{"key":["Vancouver",2014,2,20,12,48],"value":[1395319712,530]},
{"key":["Vancouver",2014,2,20,15,12],"value":[1395328352,385]},
{"key":["Vancouver",2014,2,20,17,36],"value":[1395336991,466]},
{"key":["Vancouver",2014,2,20,20,0],"value":[1395345631,456]},
{"key":["Vancouver",2014,2,20,22,24],"value":[1395354272,438]},
{"key":["Vancouver",2014,2,21,3,4],"value":[1395371086,418]},
{"key":["Vancouver",2014,2,21,5,28],"value":[1395379725,477]}
]}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment