Built with blockbuilder.org
Last active
April 24, 2017 18:33
-
-
Save harukihill/d8b58527276a1e9b53fcbdc4b8ff2499 to your computer and use it in GitHub Desktop.
UT-Austin Men's Basketball Team Net Rating
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
license: mit |
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> | |
<head> | |
<meta charset="utf-8"> | |
<script src="https://d3js.org/d3.v4.min.js"></script> | |
<style> | |
h1 { | |
font-family:"Gill Sans", "Calibri", "sans-serif"; | |
font-weight: 500; | |
font-size: 30; | |
font-style: normal; | |
line-height: 0.9; | |
} | |
h3 {font-family:sans-serif; | |
margin-right: 10px; | |
line-height: 0.4; | |
font-weight: 400; | |
} | |
body { | |
background: #fcfcfc; | |
} | |
text { | |
font: "Arial"; | |
} | |
div.tooltip { | |
position: absolute; | |
text-align: center; | |
width:115px; | |
height: 40px; | |
padding: 2px; | |
font: 11px sans-serif; | |
font-weight: 600; | |
background: lightsteelblue; | |
border: 0px; | |
border-radius: 8px; | |
pointer-events: none; | |
} | |
</style> | |
</head> | |
<body> | |
<header> | |
<h1 align="center">University of Texas at Austin 2016-17 Men's Basketball Net Rating by Game</h1> | |
</header> | |
<h3 style="color:#BF5700" align="right";>Home Game</h3> | |
<h3 style="color:#0069bf" align="right";>Away Game</h3> | |
<h3 style="color:#515151" align="right";>Neutral Game</h3> | |
<script type="text/javascript"> | |
var w = 950; | |
var h = 500; | |
var padding = 20; | |
var barPadding = 0; | |
var dataset; | |
var svg = d3.select("body") | |
.append("svg") | |
.attr("height", h) | |
.attr("width", w); | |
var div = d3.select("body") | |
.append("div") | |
.attr("class", "tooltip") | |
.style("opacity", 0);var div = d3.select("body") | |
.append("div") | |
.attr("class", "tooltip") | |
.style("opacity", 0); | |
d3.csv("Ratings.csv", function(error, data){ | |
data.forEach(function(d){ | |
d.game= +d.Game, | |
d.opp= d.Opp, | |
d.team = +d.Team, | |
d.date = d.Date, | |
d.full = d.OppFull | |
}); | |
dataset = data; | |
var xScale = d3.scaleLinear() | |
.domain([1, 32]) | |
.range([padding, w - padding]); | |
var yScale = d3.scaleLinear() | |
.domain([-1*d3.max(data, function(d){ | |
return d.team; | |
}),d3.max(data,function(d){ | |
return d.team; | |
})]) | |
.range([-h/2 + padding, h/2 - padding]); | |
var bars = svg.selectAll("rect") | |
.data(dataset) | |
.enter() | |
.append("rect"); | |
bars.attr("x", function(d,i){ | |
return i*(w/data.length) + barPadding; | |
}) | |
.attr("y", function(d){ | |
if ((d.team) > 0){ | |
return h/2 - yScale(d.team); | |
} else{ | |
return h/2; | |
} | |
}) | |
.attr("height", function(d){ | |
if ((yScale(d.team)) > 0){ | |
return yScale(d.team); | |
} else { | |
return yScale(d.team)*-1; | |
} | |
}) | |
.attr("width", function(d){ | |
return w/data.length; | |
}) | |
.attr("fill", function(d){ | |
if (d.opp[0] == "v"){ | |
return d3.rgb(191, 87, 0); | |
} else if(d.opp[0] == "n"){ | |
return d3.rgb(58,63,66); | |
} | |
else{ | |
return d3.rgb(0,105,191); | |
} | |
}) | |
.on("mouseover", function(d){ | |
div.transition() | |
.duration(200) | |
.style("opacity", .9); | |
div.html("Date: " + d.date +"<br/>"+"Opp: " + d.full + "<br/>" +"UT NetRtg: " + d.team) | |
.style("left", (d3.event.pageX) -10 + "px") | |
.style("top", (d3.event.pageY-30) + "px"); | |
}) | |
.on("mouseout", function(d){ | |
div.transition() | |
.duration(500) | |
.style("opacity", 0); | |
}); | |
var text = svg.selectAll("text") | |
.data(dataset) | |
.enter() | |
.append("text") | |
.text(function(d){ | |
return d.opp.slice(1,d.opp.length); | |
}) | |
.attr("x", function(d,i){ | |
return i*(w/data.length) + barPadding + (w/data.length)/2; | |
}) | |
.attr("y", h/2 - 4) | |
.attr("font-size", function(d){ | |
if (d.opp === "@MICH"){ | |
return "9px"; | |
} else{ | |
return "10px"; | |
} | |
}) | |
.attr("fill", function(d){ | |
if ((d.team) < 0 || yScale(d.team < 3)){ | |
return "black"; | |
} else{ | |
return "white"; | |
} | |
}) | |
.attr("text-anchor", "middle") | |
.attr("font-family", "Arial"); | |
}); | |
</script> | |
<h4 align="center"><em>by Andrew Haruki Hill</em></h4> | |
</body> |
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
Game | Win | Opp | OppFull | Date | Team | Jones | Davis | Young | Banks | Allen | Yancy | Roach | Isom | Cleare | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | 1 | vUIW | Incarnate Word | 11-Nov | 6 | -6 | 8 | 39 | -23 | 23 | 9 | -27 | |||
2 | 1 | vULM | ULM | 14-Nov | 31 | 46 | 7 | 13 | 4 | 3 | 81 | 50 | 22 | ||
3 | 1 | vEWU | E. Washington | 17-Nov | 45 | 60 | 37 | -74 | 69 | 29 | 107 | 80 | 44 | ||
4 | 0 | nNU | Northwestern | 21-Nov | -28 | -9 | -17 | -9 | 116 | -69 | -47 | -40 | -61 | ||
5 | 0 | nCU | Colorado | 22-Nov | -22 | 25 | -41 | -122 | 6 | -65 | -15 | -16 | |||
6 | 0 | vUTA | Texas-Arlington | 29-Nov | -15 | -6 | -84 | -32 | -35 | 3 | -45 | -17 | -53 | ||
7 | 1 | vBAMA | Alabama | 2-Dec | 3 | 5 | 9 | 39 | 34 | -2 | 115 | 2 | 26 | ||
8 | 0 | @MICH | Michigan | 6-Dec | -5 | -1 | -38 | -28 | -4 | -10 | 132 | -32 | 25 | ||
9 | 1 | vLBSU | Long Beach St. | 10-Dec | 9 | -19 | 48 | -1 | -95 | -31 | -1 | -7 | 31 | ||
10 | 0 | @ARK | Arkansas | 17-Dec | -4 | 46 | -108 | -100 | 6 | -4 | -65 | -22 | 51 | ||
11 | 1 | vUAB | UAB | 21-Dec | 49 | 53 | 37 | -10 | -52 | 97 | 96 | 95 | 77 | ||
12 | 0 | vKENT | Kent St. | 27-Dec | -7 | -11 | -60 | -6 | -50 | 21 | -83 | 57 | 4 | ||
13 | 0 | @KSU | Kansas St. | 30-Dec | -4 | -14 | -28 | 22 | -10 | 20 | -65 | -16 | -1 | ||
14 | 1 | vOSU | Oklahoma St. | 4-Jan | 4 | -24 | 36 | -64 | -86 | -23 | 52 | 5 | |||
15 | 0 | @ISU | Iowa St. | 7-Jan | -12 | 13 | -47 | -47 | -108 | -42 | 38 | -22 | |||
16 | 0 | vTCU | TCU | 11-Jan | -4 | 8 | -9 | -55 | -8 | 24 | -29 | -1 | |||
17 | 0 | vWVU | WVU (10) | 14-Jan | -3 | -1 | -41 | -18 | -61 | 69 | -12 | -114 | 9 | ||
18 | 0 | @BU | Baylor (6) | 17-Jan | -14 | 24 | -30 | -49 | -98 | 24 | -90 | -29 | -118 | 2 | |
19 | 0 | @KU | Kansas (2) | 21-Jan | -16 | 35 | -9 | -117 | -59 | 3 | 26 | -71 | -120 | -27 | |
20 | 1 | vOU | Oklahoma | 23-Jan | 1 | 75 | 58 | -114 | -44 | -48 | -16 | -9 | -112 | 39 | |
21 | 0 | @GA | Georgia | 28-Jan | -3 | 10 | 12 | -49 | 61 | -50 | -46 | -1 | 14 | ||
22 | 1 | vTTU | Texas Tech | 1-Feb | 6 | 8 | 35 | -7 | -47 | 28 | -29 | -13 | -60 | -37 | |
23 | 0 | @TCU | TCU | 4-Feb | -24 | -34 | -54 | -89 | 83 | 12 | -20 | 20 | -30 | ||
24 | 1 | vISU | Iowa St. | 7-Feb | 3 | -10 | -5 | -66 | -22 | 31 | 1 | -23 | 195 | 29 | |
25 | 0 | @OSU | Oklahoma St. | 11-Feb | -18 | -20 | -45 | -74 | 52 | -13 | -50 | 15 | 193 | -59 | |
26 | 0 | @OU | Oklahoma | 14-Feb | -6 | -33 | -62 | 20 | 90 | -13 | 79 | -3 | -117 | 49 | |
27 | 0 | vKSU | Kansas St. | 18-Feb | -5 | -9 | -56 | -90 | 81 | 27 | 38 | -31 | 31 | 12 | |
28 | 0 | @WVU | WVU (12) | 20-Feb | -22 | -3 | -41 | -49 | -44 | -4 | -50 | -16 | -127 | -28 | |
29 | 0 | vKU | Kansas (3) | 25-Feb | -14 | -12 | -38 | 22 | -102 | 29 | -103 | -26 | -19 | -25 | |
30 | 0 | @TTU | Texas Tech | 1-Mar | -16 | -66 | -105 | -6 | -119 | -14 | 16 | -13 | -115 | 47 | |
31 | 0 | vBU | Baylor (11) | 4-Mar | -16 | -11 | -110 | -24 | -27 | 7 | -24 | -69 | -68 | 14 | |
32 | 1 | nTTU | Texas Tech | 8-Mar | 15 | 23 | -94 | -68 | 19 | 12 | 89 | 12 | 34 | 117 | |
33 | 0 | nWVU | WVU (11) | 9-Mar | -15 | 15 | -54 | -86 | 115 | -15 | -27 | -13 | -16 | -68 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment