Skip to content

Instantly share code, notes, and snippets.

@abresler

abresler/index.html

Created June 19, 2013 16:16
Show Gist options
  • Save abresler/5815614 to your computer and use it in GitHub Desktop.
Save abresler/5815614 to your computer and use it in GitHub Desktop.
Download ZIP
Cameron's NCAA Analysis
Raw
index.html
<!doctype HTML>
<meta charset = 'utf-8'>
<html>
<head>
<link rel='stylesheet' href='http://nvd3.org/src/nv.d3.css'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script>
<script src='http://d3js.org/d3.v2.min.js' type='text/javascript'></script>
<script src='http://nvd3.org/nv.d3.js' type='text/javascript'></script>
<script src='http://nvd3.org/lib/fisheye.js' type='text/javascript'></script>
<style>
.rChart {
display: block;
margin-left: auto;
margin-right: auto;
width: 800px;
height: 400px;
}
</style>
</head>
<body>
<div id='chart24d449496174' class='rChart nvd3'></div>
<script type='text/javascript'>
$(document).ready(function(){
drawchart24d449496174()
});
function drawchart24d449496174(){
var opts = {
"dom": "chart24d449496174",
"width": 800,
"height": 400,
"x": "Year",
"y": "value",
"group": "variable",
"type": "multiBarChart",
"id": "chart24d449496174"
},
data = [
{
"Year": "1979-1980",
"variable": "Men",
"value": 55545
},
{
"Year": "1983-1984",
"variable": "Men",
"value": 49824
},
{
"Year": "1984-1985",
"variable": "Men",
"value": 52716
},
{
"Year": "1985-1986",
"variable": "Men",
"value": 50689
},
{
"Year": "1986-1987",
"variable": "Men",
"value": null
},
{
"Year": "1987-1988",
"variable": "Men",
"value": 48330
},
{
"Year": "1988-1999",
"variable": "Men",
"value": null
},
{
"Year": "1989-1990",
"variable": "Men",
"value": 51420
},
{
"Year": "1990-1991",
"variable": "Men",
"value": 52716
},
{
"Year": "1991-1992",
"variable": "Men",
"value": 54894
},
{
"Year": "1992-1993",
"variable": "Men",
"value": 52951
},
{
"Year": "1993-1994",
"variable": "Men",
"value": 55236
},
{
"Year": "1994-1995",
"variable": "Men",
"value": 53742
},
{
"Year": "1995-1996",
"variable": "Men",
"value": 53124
},
{
"Year": "1996-1997",
"variable": "Men",
"value": 52077
},
{
"Year": "1997-1998",
"variable": "Men",
"value": 53808
},
{
"Year": "1998-1999",
"variable": "Men",
"value": 54915
},
{
"Year": "1999-2000",
"variable": "Men",
"value": 54438
},
{
"Year": "2000-2001",
"variable": "Men",
"value": 54245
},
{
"Year": "2001-2002",
"variable": "Men",
"value": 55369
},
{
"Year": "2002-2003",
"variable": "Men",
"value": 58006
},
{
"Year": "2003-2004",
"variable": "Men",
"value": 58935
},
{
"Year": "2004-2005",
"variable": "Men",
"value": 60770
},
{
"Year": "2005-2006",
"variable": "Men",
"value": 61624
},
{
"Year": "2006-2007",
"variable": "Men",
"value": 61897
},
{
"Year": "2007-2008",
"variable": "Men",
"value": 63577
},
{
"Year": "2008-2009",
"variable": "Men",
"value": 65185
},
{
"Year": "2009-2010",
"variable": "Men",
"value": 67181
},
{
"Year": "2010-2011",
"variable": "Men",
"value": 68069
},
{
"Year": "2011-2012",
"variable": "Men",
"value": 70300
},
{
"Year": "1979-1980",
"variable": "Women",
"value": 45594
},
{
"Year": "1983-1984",
"variable": "Women",
"value": 43457
},
{
"Year": "1984-1985",
"variable": "Women",
"value": 46677
},
{
"Year": "1985-1986",
"variable": "Women",
"value": 44387
},
{
"Year": "1986-1987",
"variable": "Women",
"value": null
},
{
"Year": "1987-1988",
"variable": "Women",
"value": 44721
},
{
"Year": "1988-1999",
"variable": "Women",
"value": null
},
{
"Year": "1989-1990",
"variable": "Women",
"value": 50669
},
{
"Year": "1990-1991",
"variable": "Women",
"value": 52082
},
{
"Year": "1991-1992",
"variable": "Women",
"value": 54261
},
{
"Year": "1992-1993",
"variable": "Women",
"value": 51665
},
{
"Year": "1993-1994",
"variable": "Women",
"value": 55070
},
{
"Year": "1994-1995",
"variable": "Women",
"value": 53625
},
{
"Year": "1995-1996",
"variable": "Women",
"value": 53903
},
{
"Year": "1996-1997",
"variable": "Women",
"value": 53484
},
{
"Year": "1997-1998",
"variable": "Women",
"value": 57379
},
{
"Year": "1998-1999",
"variable": "Women",
"value": 59755
},
{
"Year": "1999-2000",
"variable": "Women",
"value": 60557
},
{
"Year": "2000-2001",
"variable": "Women",
"value": 61104
},
{
"Year": "2001-2002",
"variable": "Women",
"value": 63426
},
{
"Year": "2002-2003",
"variable": "Women",
"value": 66256
},
{
"Year": "2003-2004",
"variable": "Women",
"value": 67112
},
{
"Year": "2004-2005",
"variable": "Women",
"value": 68790
},
{
"Year": "2005-2006",
"variable": "Women",
"value": 69686
},
{
"Year": "2006-2007",
"variable": "Women",
"value": 70649
},
{
"Year": "2007-2008",
"variable": "Women",
"value": 71173
},
{
"Year": "2008-2009",
"variable": "Women",
"value": 72644
},
{
"Year": "2009-2010",
"variable": "Women",
"value": 74070
},
{
"Year": "2010-2011",
"variable": "Women",
"value": 76349
},
{
"Year": "2011-2012",
"variable": "Women",
"value": 77643
}
]
var data = d3.nest()
.key(function(d){
return opts.group === undefined ? 'main' : d[opts.group]
})
.entries(data)
nv.addGraph(function() {
var chart = nv.models[opts.type]()
.x(function(d) { return d[opts.x] })
.y(function(d) { return d[opts.y] })
.width(opts.width)
.height(opts.height)
chart
.color([ "red", "blue" ])
chart.yAxis
.axisLabel("# Bachelors Degrees")
d3.select("#" + opts.id)
.append('svg')
.datum(data)
.transition().duration(500)
.call(chart);
nv.utils.windowResize(chart.update);
return chart;
});
};
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment