A visualization of the 2012 faculty to major ratio in each academic department at Calvin College. This is based on the 2012 Day 10 statistics. While Art History is a program rather than a department, it is included for comparison since it is on the chopping block. Keep in mind that the student to faculty ratio might be quite different than the major to faculty ratio. Some departments like Religion have comparatively few majors but a large chunk of the core. Select "Open in new window" to see the whole thing.
Last active
December 18, 2015 01:19
-
-
Save jmuyskens/5703358 to your computer and use it in GitHub Desktop.
2012 faculty-to-major ratio at Calvin
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
| Department | Faculty | Students | |
|---|---|---|---|
| Business | 13 | 518 | |
| Education | 14 | 473 | |
| Political Science | 4 | 111 | |
| Social Work | 4 | 100 | |
| Engineering | 15 | 372 | |
| Communication Arts & Sciences | 17 | 388 | |
| Nursing | 13 | 272 | |
| Psychology | 11 | 217 | |
| Biology | 18 | 287 | |
| Computer Science | 7 | 109 | |
| Kinesiology | 16 | 200 | |
| Spanish | 12 | 138 | |
| Chemistry and Biochemistry | 13 | 135 | |
| English | 22 | 202 | |
| Geo | 8 | 72 | |
| German and Asian Languages | 7 | 58 | |
| Art and Art History | 10 | 74 | |
| Sociology | 6 | 43 | |
| Mathematics and Statistics | 12 | 82 | |
| History | 14 | 89 | |
| French | 4 | 25 | |
| Philosophy | 12 | 74 | |
| Classical Languages | 4 | 21 | |
| Music | 13 | 59 | |
| Economics | 8 | 36 | |
| Physics | 7 | 30 | |
| Religion | 13 | 49 | |
| Art History | 3 | 8 |
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> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Calvin College Faculty-to-Major Ratios 2012</title> | |
| <style> | |
| svg { | |
| font: 10px sans-serif; | |
| background: white; | |
| } | |
| .chart rect { | |
| stroke: white; | |
| fill: steelblue; | |
| } | |
| .line { | |
| fill:none; | |
| stroke:#000; | |
| stroke-width:1.5px; | |
| } | |
| .axis path, .axis line { | |
| fill:none; | |
| stroke:#000; | |
| shape-rendering: crispEdges; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <script src="http://d3js.org/d3.v3.min.js"></script> | |
| <script> | |
| var margin = {top: 10, right: 10, bottom: 20, left: 40}, | |
| width = 760 - margin.left - margin.right, | |
| height = 780 - margin.top - margin.bottom; | |
| var vis = d3.select("body").append("svg:svg") | |
| .attr("class", "chart") | |
| .attr("width", width + margin.left + margin.right) | |
| .attr("height", height + margin.top + margin.bottom) | |
| .append("svg:g") | |
| .attr("transform","translate(" + margin.left + "," + margin.top + ")"); | |
| d3.csv("data.csv", function(d) { | |
| return { | |
| dept: d.Department, | |
| faculty: +d.Faculty, | |
| students: +d.Students, | |
| year: +d.Year | |
| }; | |
| }, function(error, rows) { | |
| rows.forEach(function(d) { | |
| d.ratio = d.faculty / d.students; | |
| d.stuff = ["students", "faculty", "ratio"].map(function(name){ return {name: name, value: +d[name]}; }); | |
| }); | |
| rows.sort( function(a, b) { | |
| if (a.ratio < b.ratio) { | |
| return -1; | |
| } else if (a.ratio == b.ratio) { | |
| return 0; | |
| } else { | |
| return 1; | |
| } | |
| }); | |
| var x = d3.scale.linear() | |
| .domain([0, d3.max(rows, function(d){ return d.students; })]) | |
| .range([0, width/2]); | |
| var xpercent = d3.scale.linear() | |
| .domain([0, d3.max(rows, function(d){ return d.ratio; })]) | |
| .range([width / 2, 0]); | |
| var y0 = d3.scale.ordinal() | |
| .domain(d3.range(rows.length)) | |
| .rangeBands([0, height], 0.2) | |
| var y1 = d3.scale.ordinal() | |
| .domain(d3.range(rows.length)) | |
| .range([0, y0.rangeBand()]); | |
| vis.append("g") | |
| .attr("class", "x axis") | |
| .attr("transform", "translate("+ width/2+"," + height + ")") | |
| .call(d3.svg.axis().scale(x).orient("bottom")); | |
| vis.append("g") | |
| .attr("class", "xpercent axis") | |
| .attr("transform", "translate(0," + margin.top + ")") | |
| .call(d3.svg.axis().scale(xpercent).orient("top")); | |
| var departments = vis.selectAll("g.department") | |
| .data(rows) | |
| .enter().append("svg:g") | |
| .attr("class","department") | |
| .attr("transform", function(d,i) { return "translate(0," + (20 + i * 26) + ")"}); | |
| departments.selectAll("rect") | |
| .data(function(d){return d.stuff;}) | |
| .enter().append("rect") | |
| .attr("x", function(d) { | |
| if (d.name == "ratio") | |
| return xpercent(d.value); | |
| return width/2;}) | |
| .attr("y", function(d, i){ | |
| if (d.name == "ratio") | |
| return 0; | |
| return i * 11; | |
| }) | |
| .attr("width", function(d) { | |
| if (d.name == "ratio") | |
| return width/2 - xpercent(d.value); | |
| return x(d.value); | |
| }) | |
| .attr("height", 10) | |
| .style("fill",function(d) { | |
| if (d.name == "ratio") | |
| return "orange"; | |
| return "steelblue"; | |
| }) | |
| departments.append("text") | |
| .attr("x", width/2) | |
| .attr("y", 0) | |
| .style("text-anchor","end") | |
| .text(function(d){return d.dept;}); | |
| } | |
| ); | |
| </script> | |
| </body> | |
| </html> |
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
| var margin = {top: 10, right: 10, bottom: 20, left: 40}, | |
| width = 760 - margin.left - margin.right, | |
| height = 960 - margin.top - margin.bottom; | |
| var vis = d3.select("body").append("svg:svg") | |
| .attr("class", "chart") | |
| .attr("width", width + margin.left + margin.right) | |
| .attr("height", height + margin.top + margin.bottom) | |
| .append("svg:g") | |
| .attr("transform","translate(" + margin.left + "," + margin.top + ")"); | |
| d3.csv("data.csv", function(d) { | |
| return { | |
| dept: d.Department, | |
| faculty: +d.Faculty, | |
| students: +d.Students, | |
| year: +d.Year | |
| }; | |
| }, function(error, rows) { | |
| rows.forEach(function(d) { | |
| d.ratio = d.faculty / d.students; | |
| d.stuff = ["students", "faculty", "ratio"].map(function(name){ return {name: name, value: +d[name]}; }); | |
| }); | |
| rows.sort( function(a, b) { | |
| if (a.ratio < b.ratio) { | |
| return -1; | |
| } else if (a.ratio == b.ratio) { | |
| return 0; | |
| } else { | |
| return 1; | |
| } | |
| }); | |
| var x = d3.scale.linear() | |
| .domain([0, d3.max(rows, function(d){ return d.students; })]) | |
| .range([0, width/2]); | |
| var xpercent = d3.scale.linear() | |
| .domain([0, d3.max(rows, function(d){ return d.ratio; })]) | |
| .range([width / 2, 0]); | |
| var y0 = d3.scale.ordinal() | |
| .domain(d3.range(rows.length)) | |
| .rangeBands([0, height], 0.2) | |
| var y1 = d3.scale.ordinal() | |
| .domain(d3.range(rows.length)) | |
| .range([0, y0.rangeBand()]); | |
| vis.append("g") | |
| .attr("class", "x axis") | |
| .attr("transform", "translate("+ width/2+"," + height + ")") | |
| .call(d3.svg.axis().scale(x).orient("bottom")); | |
| vis.append("g") | |
| .attr("class", "xpercent axis") | |
| .attr("transform", "translate(0," + margin.top + ")") | |
| .call(d3.svg.axis().scale(xpercent).orient("top")); | |
| var departments = vis.selectAll("g.department") | |
| .data(rows) | |
| .enter().append("svg:g") | |
| .attr("class","department") | |
| .attr("transform", function(d,i) { return "translate(0," + (20 + i * 26) + ")"}); | |
| departments.selectAll("rect") | |
| .data(function(d){return d.stuff;}) | |
| .enter().append("rect") | |
| .attr("x", function(d) { | |
| if (d.name == "ratio") | |
| return xpercent(d.value); | |
| return width/2;}) | |
| .attr("y", function(d, i){ | |
| if (d.name == "ratio") | |
| return 0; | |
| return i * 11; | |
| }) | |
| .attr("width", function(d) { | |
| if (d.name == "ratio") | |
| return width/2 - xpercent(d.value); | |
| return x(d.value); | |
| }) | |
| .attr("height", 10) | |
| .style("fill",function(d) { | |
| if (d.name == "ratio") | |
| return "orange"; | |
| return "steelblue"; | |
| }) | |
| departments.append("text") | |
| .attr("x", width/2) | |
| .attr("y", 0) | |
| .style("text-anchor","end") | |
| .text(function(d){return d.dept;}); | |
| } | |
| ); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment