Last active
August 29, 2015 14:18
-
-
Save sconnors37/712bf691cefc1a1cb987 to your computer and use it in GitHub Desktop.
goalie data
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"children": [ | |
{ | |
"name": "Al Montoya", | |
"saves": 155 | |
}, | |
{ | |
"name": "Alex Stalock", | |
"saves": 147 | |
}, | |
{ | |
"name": "Anders Lindback", | |
"saves": 124 | |
}, | |
{ | |
"name": "Anton Khudobin", | |
"saves": 214 | |
}, | |
{ | |
"name": "Antti Niemi", | |
"saves": 550 | |
}, | |
{ | |
"name": "Antti Raanta", | |
"saves": 124 | |
}, | |
{ | |
"name": "Ben Bishop", | |
"saves": 542 | |
}, | |
{ | |
"name": "Ben Scrivens", | |
"saves": 443 | |
}, | |
{ | |
"name": "Braden Holtby", | |
"saves": 467 | |
}, | |
{ | |
"name": "Brian Elliott", | |
"saves": 335 | |
}, | |
{ | |
"name": "Cam Talbot", | |
"saves": 145 | |
}, | |
{ | |
"name": "Cam Ward", | |
"saves": 433 | |
}, | |
{ | |
"name": "Carey Price", | |
"saves": 581 | |
}, | |
{ | |
"name": "Carter Hutton", | |
"saves": 74 | |
}, | |
{ | |
"name": "Chad Johnson", | |
"saves": 199 | |
}, | |
{ | |
"name": "Corey Crawford", | |
"saves": 442 | |
}, | |
{ | |
"name": "Cory Schneider", | |
"saves": 661 | |
}, | |
{ | |
"name": "Craig Anderson", | |
"saves": 490 | |
}, | |
{ | |
"name": "Curtis McElhinney", | |
"saves": 243 | |
}, | |
{ | |
"name": "Darcy Kuemper", | |
"saves": 395 | |
}, | |
{ | |
"name": "Devan Dubnyk", | |
"saves": 236 | |
}, | |
{ | |
"name": "Dustin Tokarski", | |
"saves": 171 | |
}, | |
{ | |
"name": "Eddie Lack", | |
"saves": 190 | |
}, | |
{ | |
"name": "Evgeni Nabokov", | |
"saves": 128 | |
}, | |
{ | |
"name": "Frederik Andersen", | |
"saves": 527 | |
}, | |
{ | |
"name": "Henrik Lundqvist", | |
"saves": 487 | |
}, | |
{ | |
"name": "Jake Allen", | |
"saves": 286 | |
}, | |
{ | |
"name": "James Reimer", | |
"saves": 246 | |
}, | |
{ | |
"name": "Jaroslav Halak", | |
"saves": 463 | |
}, | |
{ | |
"name": "Jason LaBarbera", | |
"saves": 90 | |
}, | |
{ | |
"name": "Jhonas Enroth", | |
"saves": 545 | |
}, | |
{ | |
"name": "Jimmy Howard", | |
"saves": 515 | |
}, | |
{ | |
"name": "John Gibson", | |
"saves": 114 | |
}, | |
{ | |
"name": "Jonas Gustavsson", | |
"saves": 69 | |
}, | |
{ | |
"name": "Jonas Hiller", | |
"saves": 410 | |
}, | |
{ | |
"name": "Jonathan Bernier", | |
"saves": 498 | |
}, | |
{ | |
"name": "Jonathan Quick", | |
"saves": 596 | |
}, | |
{ | |
"name": "Jussi Rynnas", | |
"saves": 24 | |
}, | |
{ | |
"name": "Justin Peters", | |
"saves": 150 | |
}, | |
{ | |
"name": "Kari Lehtonen", | |
"saves": 607 | |
}, | |
{ | |
"name": "Karri Ramo", | |
"saves": 304 | |
}, | |
{ | |
"name": "Marc-Andre Fleury", | |
"saves": 512 | |
}, | |
{ | |
"name": "Martin Brodeur", | |
"saves": 20 | |
}, | |
{ | |
"name": "Martin Jones", | |
"saves": 161 | |
}, | |
{ | |
"name": "Michael Hutchinson", | |
"saves": 178 | |
}, | |
{ | |
"name": "Michal Neuvirth", | |
"saves": 312 | |
}, | |
{ | |
"name": "Mike Smith", | |
"saves": 518 | |
}, | |
{ | |
"name": "Niklas Backstrom", | |
"saves": 162 | |
}, | |
{ | |
"name": "Niklas Svedberg", | |
"saves": 212 | |
}, | |
{ | |
"name": "Ondrej Pavelec", | |
"saves": 496 | |
}, | |
{ | |
"name": "Pekka Rinne", | |
"saves": 567 | |
}, | |
{ | |
"name": "Petr Mrazek", | |
"saves": 49 | |
}, | |
{ | |
"name": "Ray Emery", | |
"saves": 249 | |
}, | |
{ | |
"name": "Reto Berra", | |
"saves": 159 | |
}, | |
{ | |
"name": "Roberto Luongo", | |
"saves": 522 | |
}, | |
{ | |
"name": "Robin Lehner", | |
"saves": 307 | |
}, | |
{ | |
"name": "Ryan Miller", | |
"saves": 473 | |
}, | |
{ | |
"name": "Scott Clemmensen", | |
"saves": 46 | |
}, | |
{ | |
"name": "Scott Darling", | |
"saves": 84 | |
}, | |
{ | |
"name": "Semyon Varlamov", | |
"saves": 445 | |
}, | |
{ | |
"name": "Sergei Bobrovsky", | |
"saves": 478 | |
}, | |
{ | |
"name": "Steve Mason", | |
"saves": 480 | |
}, | |
{ | |
"name": "Thomas Greiss", | |
"saves": 181 | |
}, | |
{ | |
"name": "Troy Grosenick", | |
"saves": 55 | |
}, | |
{ | |
"name": "Tuukka Rask", | |
"saves": 516 | |
}, | |
{ | |
"name": "Viktor Fasth", | |
"saves": 244 | |
} | |
] | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<meta charset="utf-8"> | |
<style> | |
.bar { | |
fill: steelblue; | |
} | |
.bar:hover { | |
fill: brown; | |
} | |
.axis { | |
font: 10px sans-serif; | |
} | |
.axis path, | |
.axis line { | |
fill: none; | |
stroke: #000; | |
shape-rendering: crispEdges; | |
} | |
.x.axis path { | |
display: none; | |
} | |
</style> | |
<body> | |
<script src="http://d3js.org/d3.v3.min.js"></script> | |
<script> | |
var margin = {top: 20, right: 20, bottom: 100, left: 40}, | |
width = 960 - margin.left - margin.right, | |
height = 500 - margin.top - margin.bottom; | |
var x = d3.scale.ordinal() | |
.rangeRoundBands([0, width], .1); | |
var y = d3.scale.linear() | |
.range([height, 0]); | |
var xAxis = d3.svg.axis() | |
.scale(x) | |
.orient("bottom"); | |
var yAxis = d3.svg.axis() | |
.scale(y) | |
.orient("left") | |
.ticks(20); | |
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("data.json", function(error, data) { | |
var data = data.children; | |
x.domain(data.map(function(d) {return d.name; })); | |
y.domain([0, d3.max(data, function(d) {return d.saves; })]); | |
svg.append("g") | |
.attr("class", "x axis") | |
.attr("transform", "translate(0," + height + ")") | |
.call(xAxis) | |
.selectAll("text") | |
.style("text-anchor", "end") | |
.attr("dx", "-.8em") | |
.attr("dy", ".15em") | |
.attr("transform", function(d) { | |
return "rotate(-65)" | |
}); | |
svg.append("g") | |
.attr("class", "y axis") | |
.call(yAxis) | |
.append("text") | |
.attr("transform", "rotate(-90)") | |
.attr("y", 6) | |
.attr("dy", ".71em") | |
.style("text-anchor", "end") | |
.text("saves"); | |
svg.selectAll(".bar") | |
.data(data) | |
.enter().append("rect") | |
.attr("class", "bar") | |
.attr("x", function(d) { return x(d.name); }) | |
.attr("width", x.rangeBand()) | |
.attr("y", function(d) { return y(d.saves); }) | |
.attr("height", function(d) { return height - y(d.saves); }); | |
}); | |
function type(d) { | |
d.saves = +d.saves; | |
return d; | |
} | |
</script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment