Skip to content

Instantly share code, notes, and snippets.

@tmcw

tmcw/README.md

Last active August 29, 2015 14:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tmcw/11376778 to your computer and use it in GitHub Desktop.
Save tmcw/11376778 to your computer and use it in GitHub Desktop.
Download ZIP
Boston Marathon Finish Times, Year after Year
Raw
README.md
Raw
histogram.js
var margin = {top: 20, right: 20, bottom: 30, left: 40},
width = 960 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom;
var barWidth = width / 14;
var x = d3.scale.linear()
.range([barWidth / 2, width - (barWidth / 2)]);
var y = d3.scale.linear()
.range([height, 0]);
var opacity = d3.scale.linear()
.range([0, 1]);
var xAxis = d3.svg.axis()
.scale(x)
.tickFormat(function(_) { return _; })
.orient('bottom');
var yAxis = d3.svg.axis()
.scale(y)
.tickFormat(function(_) {
var minutes = _ * 10;
var hours = Math.floor(minutes / 60);
var mins = '' + (minutes - (hours * 60));
if (mins.length == 1) mins = '0' + mins;
return hours + ':' + mins;
})
.orient('left');
var svg = d3.select('body').append('svg')
.attr('width', width + margin.left + margin.right)
.attr('height', height + margin.top + margin.bottom)
.append('g')
.attr('transform', 'translate(' + margin.left + ',' + margin.top + ')');
d3.json('histogram.json', function(error, data) {
data.forEach(function(d) {
d.time = +d.time;
d.count = +d.count;
d.elapsed = (+d.time * 10);
});
x.domain(d3.extent(data, function(d) { return d.year; })).nice();
y.domain(d3.extent(data, function(d) { return d.time; })).nice();
opacity.domain(d3.extent(data, function(d) { return d.count; }));
svg.append('g')
.attr('class', 'x axis')
.attr('transform', 'translate(0,' + height + ')')
.call(xAxis)
.append('text')
.attr('class', 'label')
.attr('x', width)
.attr('y', -6)
.style('text-anchor', 'end')
.text('Year');
svg.append('g')
.attr('class', 'y axis')
.call(yAxis)
.append('text')
.attr('class', 'label')
.attr('transform', 'rotate(-90)')
.attr('y', 6)
.attr('dy', '.71em')
.style('text-anchor', 'end')
.text('Time');
svg.selectAll('.dot')
.data(data)
.enter().append('rect')
.attr('class', 'dot')
.attr('width', barWidth)
.attr('height', y(0) - y(1))
.attr('x', function(d) { return x(d.year) - (barWidth / 2); })
.attr('y', function(d) { return y(d.time); })
.style('fill', '#000')
// .style('stroke', '#000')
.style('stroke-width', 0)
// .style('stroke-opacity', function(d) {
// return opacity(d.count) * 2;
// })
.style('fill-opacity', function(d) {
return opacity(d.count);
});
});
Raw
histogram.json
[{"year":2001,"time":"23","count":1484},{"year":2001,"time":"22","count":1442},{"year":2001,"time":"21","count":1410},{"year":2001,"time":"20","count":1283},{"year":2001,"time":"24","count":1252},{"year":2001,"time":"25","count":988},{"year":2001,"time":"19","count":978},{"year":2001,"time":"26","count":711},{"year":2001,"time":"18","count":663},{"year":2001,"time":"27","count":640},{"year":2001,"time":"28","count":472},{"year":2001,"time":"29","count":427},{"year":2001,"time":"17","count":315},{"year":2001,"time":"30","count":309},{"year":2001,"time":"31","count":256},{"year":2001,"time":"32","count":180},{"year":2001,"time":"33","count":151},{"year":2001,"time":"16","count":149},{"year":2001,"time":"34","count":97},{"year":2001,"time":"35","count":85},{"year":2001,"time":"15","count":48},{"year":2001,"time":"36","count":42},{"year":2001,"time":"14","count":19},{"year":2001,"time":"13","count":15},{"year":2001,"time":"11","count":12},{"year":2001,"time":"12","count":5},{"year":2001,"time":"9","count":4},{"year":2001,"time":"10","count":4},{"year":2001,"time":"46","count":1},{"year":2001,"time":"47","count":1},{"year":2002,"time":"23","count":1552},{"year":2002,"time":"22","count":1540},{"year":2002,"time":"21","count":1489},{"year":2002,"time":"20","count":1424},{"year":2002,"time":"24","count":1354},{"year":2002,"time":"19","count":1171},{"year":2002,"time":"25","count":1051},{"year":2002,"time":"18","count":823},{"year":2002,"time":"26","count":776},{"year":2002,"time":"27","count":626},{"year":2002,"time":"28","count":516},{"year":2002,"time":"29","count":421},{"year":2002,"time":"17","count":391},{"year":2002,"time":"30","count":327},{"year":2002,"time":"31","count":273},{"year":2002,"time":"32","count":179},{"year":2002,"time":"16","count":176},{"year":2002,"time":"33","count":158},{"year":2002,"time":"34","count":119},{"year":2002,"time":"35","count":76},{"year":2002,"time":"15","count":70},{"year":2002,"time":"36","count":30},{"year":2002,"time":"14","count":20},{"year":2002,"time":"13","count":20},{"year":2002,"time":"10","count":14},{"year":2002,"time":"12","count":9},{"year":2002,"time":"11","count":9},{"year":2002,"time":"9","count":5},{"year":2002,"time":"8","count":1},{"year":2002,"time":"44","count":1},{"year":2002,"time":"48","count":1},{"year":2003,"time":"24","count":1839},{"year":2003,"time":"23","count":1810},{"year":2003,"time":"22","count":1682},{"year":2003,"time":"25","count":1498},{"year":2003,"time":"21","count":1494},{"year":2003,"time":"20","count":1161},{"year":2003,"time":"26","count":1153},{"year":2003,"time":"27","count":954},{"year":2003,"time":"19","count":857},{"year":2003,"time":"28","count":850},{"year":2003,"time":"29","count":681},{"year":2003,"time":"30","count":578},{"year":2003,"time":"18","count":527},{"year":2003,"time":"31","count":459},{"year":2003,"time":"32","count":298},{"year":2003,"time":"33","count":261},{"year":2003,"time":"17","count":240},{"year":2003,"time":"34","count":201},{"year":2003,"time":"35","count":164},{"year":2003,"time":"36","count":111},{"year":2003,"time":"16","count":73},{"year":2003,"time":"37","count":73},{"year":2003,"time":"38","count":29},{"year":2003,"time":"15","count":24},{"year":2003,"time":"14","count":15},{"year":2003,"time":"13","count":8},{"year":2003,"time":"11","count":6},{"year":2003,"time":"10","count":3},{"year":2003,"time":"12","count":3},{"year":2003,"time":"9","count":3},{"year":2003,"time":"46","count":1},{"year":2004,"time":"24","count":1592},{"year":2004,"time":"26","count":1454},{"year":2004,"time":"25","count":1425},{"year":2004,"time":"27","count":1402},{"year":2004,"time":"23","count":1327},{"year":2004,"time":"28","count":1193},{"year":2004,"time":"22","count":1071},{"year":2004,"time":"29","count":1029},{"year":2004,"time":"21","count":839},{"year":2004,"time":"30","count":781},{"year":2004,"time":"31","count":729},{"year":2004,"time":"20","count":619},{"year":2004,"time":"32","count":567},{"year":2004,"time":"33","count":473},{"year":2004,"time":"34","count":439},{"year":2004,"time":"35","count":412},{"year":2004,"time":"19","count":376},{"year":2004,"time":"36","count":294},{"year":2004,"time":"18","count":256},{"year":2004,"time":"37","count":174},{"year":2004,"time":"17","count":103},{"year":2004,"time":"38","count":87},{"year":2004,"time":"16","count":52},{"year":2004,"time":"15","count":27},{"year":2004,"time":"10","count":11},{"year":2004,"time":"14","count":11},{"year":2004,"time":"12","count":9},{"year":2004,"time":"11","count":9},{"year":2004,"time":"13","count":8},{"year":2004,"time":"9","count":8},{"year":2004,"time":"8","count":4},{"year":2004,"time":"39","count":1},{"year":2004,"time":"41","count":1},{"year":2005,"time":"24","count":1699},{"year":2005,"time":"23","count":1676},{"year":2005,"time":"25","count":1603},{"year":2005,"time":"22","count":1520},{"year":2005,"time":"21","count":1403},{"year":2005,"time":"26","count":1271},{"year":2005,"time":"27","count":1145},{"year":2005,"time":"20","count":1075},{"year":2005,"time":"28","count":919},{"year":2005,"time":"29","count":808},{"year":2005,"time":"19","count":782},{"year":2005,"time":"30","count":651},{"year":2005,"time":"31","count":584},{"year":2005,"time":"18","count":493},{"year":2005,"time":"32","count":454},{"year":2005,"time":"33","count":399},{"year":2005,"time":"34","count":275},{"year":2005,"time":"35","count":275},{"year":2005,"time":"17","count":223},{"year":2005,"time":"36","count":116},{"year":2005,"time":"16","count":102},{"year":2005,"time":"15","count":36},{"year":2005,"time":"14","count":18},{"year":2005,"time":"11","count":9},{"year":2005,"time":"12","count":8},{"year":2005,"time":"13","count":8},{"year":2005,"time":"10","count":4},{"year":2005,"time":"9","count":4},{"year":2005,"time":"8","count":1},{"year":2005,"time":"39","count":1},{"year":2005,"time":"41","count":1},{"year":2005,"time":"45","count":1},{"year":2006,"time":"21","count":2552},{"year":2006,"time":"22","count":2519},{"year":2006,"time":"23","count":2307},{"year":2006,"time":"24","count":1924},{"year":2006,"time":"20","count":1880},{"year":2006,"time":"19","count":1390},{"year":2006,"time":"25","count":1324},{"year":2006,"time":"26","count":1029},{"year":2006,"time":"18","count":914},{"year":2006,"time":"27","count":810},{"year":2006,"time":"28","count":683},{"year":2006,"time":"29","count":503},{"year":2006,"time":"30","count":387},{"year":2006,"time":"17","count":384},{"year":2006,"time":"31","count":299},{"year":2006,"time":"32","count":210},{"year":2006,"time":"16","count":169},{"year":2006,"time":"33","count":142},{"year":2006,"time":"34","count":116},{"year":2006,"time":"35","count":56},{"year":2006,"time":"15","count":53},{"year":2006,"time":"14","count":17},{"year":2006,"time":"13","count":13},{"year":2006,"time":"11","count":7},{"year":2006,"time":"36","count":7},{"year":2006,"time":"9","count":6},{"year":2006,"time":"10","count":5},{"year":2006,"time":"12","count":3},{"year":2006,"time":"37","count":2},{"year":2006,"time":"39","count":1},{"year":2006,"time":"40","count":1},{"year":2006,"time":"43","count":1},{"year":2006,"time":"47","count":1},{"year":2013,"time":"21","count":2569},{"year":2013,"time":"22","count":2511},{"year":2013,"time":"20","count":2304},{"year":2013,"time":"23","count":1998},{"year":2013,"time":"19","count":1863},{"year":2013,"time":"18","count":1571},{"year":2013,"time":"24","count":1310},{"year":2013,"time":"17","count":755},{"year":2013,"time":"25","count":539},{"year":2013,"time":"16","count":323},{"year":2013,"time":"26","count":183},{"year":2013,"time":"15","count":91},{"year":2013,"time":"27","count":39},{"year":2013,"time":"14","count":33},{"year":2013,"time":"13","count":19},{"year":2013,"time":"28","count":15},{"year":2013,"time":"9","count":12},{"year":2013,"time":"10","count":11},{"year":2013,"time":"11","count":11},{"year":2013,"time":"12","count":7},{"year":2007,"time":"22","count":2533},{"year":2007,"time":"23","count":2530},{"year":2007,"time":"21","count":2406},{"year":2007,"time":"24","count":2075},{"year":2007,"time":"20","count":1743},{"year":2007,"time":"25","count":1469},{"year":2007,"time":"19","count":1243},{"year":2007,"time":"26","count":1173},{"year":2007,"time":"27","count":911},{"year":2007,"time":"18","count":769},{"year":2007,"time":"28","count":701},{"year":2007,"time":"29","count":587},{"year":2007,"time":"30","count":464},{"year":2007,"time":"17","count":362},{"year":2007,"time":"31","count":320},{"year":2007,"time":"32","count":280},{"year":2007,"time":"34","count":156},{"year":2007,"time":"33","count":155},{"year":2007,"time":"16","count":123},{"year":2007,"time":"35","count":111},{"year":2007,"time":"36","count":58},{"year":2007,"time":"15","count":55},{"year":2007,"time":"37","count":50},{"year":2007,"time":"38","count":29},{"year":2007,"time":"14","count":24},{"year":2007,"time":"39","count":17},{"year":2007,"time":"12","count":6},{"year":2007,"time":"11","count":5},{"year":2007,"time":"13","count":5},{"year":2007,"time":"10","count":3},{"year":2007,"time":"9","count":2},{"year":2007,"time":"8","count":1},{"year":2007,"time":"40","count":1},{"year":2007,"time":"41","count":1},{"year":2007,"time":"43","count":1},{"year":2009,"time":"21","count":2935},{"year":2009,"time":"22","count":2912},{"year":2009,"time":"23","count":2653},{"year":2009,"time":"24","count":2312},{"year":2009,"time":"20","count":2207},{"year":2009,"time":"19","count":1708},{"year":2009,"time":"25","count":1463},{"year":2009,"time":"26","count":1201},{"year":2009,"time":"18","count":1130},{"year":2009,"time":"27","count":857},{"year":2009,"time":"28","count":723},{"year":2009,"time":"29","count":537},{"year":2009,"time":"17","count":512},{"year":2009,"time":"30","count":395},{"year":2009,"time":"31","count":296},{"year":2009,"time":"32","count":235},{"year":2009,"time":"16","count":178},{"year":2009,"time":"33","count":164},{"year":2009,"time":"34","count":127},{"year":2009,"time":"35","count":112},{"year":2009,"time":"36","count":78},{"year":2009,"time":"15","count":77},{"year":2009,"time":"14","count":23},{"year":2009,"time":"37","count":17},{"year":2009,"time":"13","count":16},{"year":2009,"time":"11","count":9},{"year":2009,"time":"10","count":8},{"year":2009,"time":"12","count":7},{"year":2009,"time":"45","count":2},{"year":2009,"time":"44","count":2},{"year":2009,"time":"38","count":2},{"year":2009,"time":"43","count":2},{"year":2009,"time":"9","count":1},{"year":2009,"time":"8","count":1},{"year":2010,"time":"22","count":2964},{"year":2010,"time":"21","count":2849},{"year":2010,"time":"23","count":2754},{"year":2010,"time":"20","count":2144},{"year":2010,"time":"24","count":2122},{"year":2010,"time":"19","count":1688},{"year":2010,"time":"25","count":1514},{"year":2010,"time":"26","count":1184},{"year":2010,"time":"18","count":1067},{"year":2010,"time":"27","count":926},{"year":2010,"time":"28","count":648},{"year":2010,"time":"29","count":555},{"year":2010,"time":"17","count":472},{"year":2010,"time":"30","count":455},{"year":2010,"time":"31","count":307},{"year":2010,"time":"32","count":219},{"year":2010,"time":"16","count":206},{"year":2010,"time":"33","count":151},{"year":2010,"time":"34","count":132},{"year":2010,"time":"15","count":94},{"year":2010,"time":"35","count":91},{"year":2010,"time":"36","count":57},{"year":2010,"time":"37","count":33},{"year":2010,"time":"14","count":25},{"year":2010,"time":"13","count":19},{"year":2010,"time":"10","count":10},{"year":2010,"time":"11","count":9},{"year":2010,"time":"9","count":9},{"year":2010,"time":"12","count":6},{"year":2010,"time":"38","count":4},{"year":2010,"time":"39","count":2},{"year":2010,"time":"40","count":1},{"year":2010,"time":"43","count":1},{"year":2010,"time":"44","count":1},{"year":2012,"time":"24","count":2137},{"year":2012,"time":"25","count":1899},{"year":2012,"time":"23","count":1842},{"year":2012,"time":"26","count":1839},{"year":2012,"time":"27","count":1716},{"year":2012,"time":"22","count":1487},{"year":2012,"time":"28","count":1322},{"year":2012,"time":"21","count":1205},{"year":2012,"time":"29","count":1164},{"year":2012,"time":"30","count":938},{"year":2012,"time":"20","count":839},{"year":2012,"time":"31","count":760},{"year":2012,"time":"32","count":609},{"year":2012,"time":"19","count":517},{"year":2012,"time":"33","count":516},{"year":2012,"time":"34","count":450},{"year":2012,"time":"18","count":376},{"year":2012,"time":"35","count":372},{"year":2012,"time":"36","count":299},{"year":2012,"time":"37","count":253},{"year":2012,"time":"38","count":187},{"year":2012,"time":"17","count":187},{"year":2012,"time":"39","count":148},{"year":2012,"time":"40","count":122},{"year":2012,"time":"41","count":102},{"year":2012,"time":"16","count":85},{"year":2012,"time":"NaN","count":76},{"year":2012,"time":"42","count":56},{"year":2012,"time":"43","count":50},{"year":2012,"time":"15","count":30},{"year":2012,"time":"44","count":19},{"year":2012,"time":"14","count":12},{"year":2012,"time":"10","count":11},{"year":2012,"time":"13","count":7},{"year":2012,"time":"8","count":6},{"year":2012,"time":"11","count":6},{"year":2012,"time":"9","count":5},{"year":2012,"time":"46","count":1},{"year":2012,"time":"47","count":1},{"year":2012,"time":"48","count":1},{"year":2008,"time":"22","count":2700},{"year":2008,"time":"23","count":2616},{"year":2008,"time":"21","count":2613},{"year":2008,"time":"24","count":2156},{"year":2008,"time":"20","count":2105},{"year":2008,"time":"25","count":1505},{"year":2008,"time":"19","count":1503},{"year":2008,"time":"26","count":1150},{"year":2008,"time":"18","count":1033},{"year":2008,"time":"27","count":964},{"year":2008,"time":"28","count":726},{"year":2008,"time":"29","count":589},{"year":2008,"time":"30","count":466},{"year":2008,"time":"17","count":426},{"year":2008,"time":"31","count":314},{"year":2008,"time":"32","count":251},{"year":2008,"time":"33","count":224},{"year":2008,"time":"16","count":189},{"year":2008,"time":"34","count":144},{"year":2008,"time":"35","count":93},{"year":2008,"time":"15","count":72},{"year":2008,"time":"36","count":72},{"year":2008,"time":"14","count":23},{"year":2008,"time":"37","count":12},{"year":2008,"time":"13","count":8},{"year":2008,"time":"11","count":4},{"year":2008,"time":"12","count":4},{"year":2008,"time":"9","count":3},{"year":2008,"time":"10","count":3},{"year":2008,"time":"46","count":2},{"year":2008,"time":"38","count":1},{"year":2008,"time":"39","count":1},{"year":2008,"time":"40","count":1},{"year":2008,"time":"45","count":1},{"year":2008,"time":"8","count":1},{"year":2011,"time":"21","count":2918},{"year":2011,"time":"23","count":2853},{"year":2011,"time":"22","count":2810},{"year":2011,"time":"24","count":2347},{"year":2011,"time":"20","count":2302},{"year":2011,"time":"19","count":1780},{"year":2011,"time":"25","count":1605},{"year":2011,"time":"26","count":1271},{"year":2011,"time":"18","count":1227},{"year":2011,"time":"27","count":999},{"year":2011,"time":"28","count":713},{"year":2011,"time":"17","count":589},{"year":2011,"time":"29","count":561},{"year":2011,"time":"30","count":471},{"year":2011,"time":"31","count":291},{"year":2011,"time":"32","count":266},{"year":2011,"time":"16","count":203},{"year":2011,"time":"33","count":192},{"year":2011,"time":"34","count":173},{"year":2011,"time":"35","count":108},{"year":2011,"time":"15","count":103},{"year":2011,"time":"36","count":70},{"year":2011,"time":"14","count":29},{"year":2011,"time":"13","count":12},{"year":2011,"time":"37","count":12},{"year":2011,"time":"9","count":8},{"year":2011,"time":"12","count":8},{"year":2011,"time":"10","count":7},{"year":2011,"time":"38","count":5},{"year":2011,"time":"8","count":4},{"year":2011,"time":"11","count":3},{"year":2011,"time":"40","count":1},{"year":2011,"time":"42","count":1},{"year":2011,"time":"43","count":1},{"year":2011,"time":"44","count":1},{"year":2011,"time":"46","count":1},{"year":2014,"time":"22","count":3077},{"year":2014,"time":"21","count":3017},{"year":2014,"time":"23","count":2814},{"year":2014,"time":"20","count":2528},{"year":2014,"time":"24","count":2394},{"year":2014,"time":"19","count":2062},{"year":2014,"time":"25","count":1864},{"year":2014,"time":"18","count":1732},{"year":2014,"time":"26","count":1681},{"year":2014,"time":"27","count":1500},{"year":2014,"time":"28","count":1328},{"year":2014,"time":"29","count":1236},{"year":2014,"time":"30","count":940},{"year":2014,"time":"17","count":897},{"year":2014,"time":"31","count":822},{"year":2014,"time":"32","count":734},{"year":2014,"time":"33","count":606},{"year":2014,"time":"34","count":557},{"year":2014,"time":"16","count":416},{"year":2014,"time":"35","count":401},{"year":2014,"time":"36","count":297},{"year":2014,"time":"37","count":233},{"year":2014,"time":"38","count":198},{"year":2014,"time":"39","count":149},{"year":2014,"time":"15","count":126},{"year":2014,"time":"40","count":103},{"year":2014,"time":"41","count":60},{"year":2014,"time":"42","count":43},{"year":2014,"time":"43","count":40},{"year":2014,"time":"14","count":37},{"year":2014,"time":"10","count":21},{"year":2014,"time":"13","count":18},{"year":2014,"time":"44","count":16},{"year":2014,"time":"9","count":9},{"year":2014,"time":"8","count":7},{"year":2014,"time":"45","count":6},{"year":2014,"time":"11","count":5},{"year":2014,"time":"46","count":3},{"year":2014,"time":"12","count":2},{"year":2014,"time":"47","count":2},{"year":2014,"time":"48","count":1},{"year":2014,"time":"53","count":1},{"year":2014,"time":"54","count":1}]
Raw
index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
font: 10px sans-serif;
}
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
.dot {
stroke: #000;
}
</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src='histogram.js'></script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment