Built with blockbuilder.org
forked from harukihill's block: UT-Austin Men's Basketball Team Net Rating
license: mit |
Built with blockbuilder.org
forked from harukihill's block: UT-Austin Men's Basketball Team Net Rating
<!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> |
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 |