Fall 2012 Enrollment Counts & Limits

deptClassesEnrollments.json

 [
	{
		"dept" : "A,RESEC",
		"numClasses" : 11,
		"enrollCount" : 71,
		"enrollLimit" : 314
	},
	{
		"dept" : "AEROSPC",
		"numClasses" : 4,
		"enrollCount" : 12,
		"enrollLimit" : 149
	},
	{
		"dept" : "AFRICAM",
		"numClasses" : 42,
		"enrollCount" : 346,
		"enrollLimit" : 1142
	},
	{
		"dept" : "AMERSTD",
		"numClasses" : 12,
		"enrollCount" : 176,
		"enrollLimit" : 663
	},
	{
		"dept" : "ANTHRO",
		"numClasses" : 51,
		"enrollCount" : 975,
		"enrollLimit" : 2953
	},
	{
		"dept" : "ARABIC",
		"numClasses" : 13,
		"enrollCount" : 90,
		"enrollLimit" : 234
	},
	{
		"dept" : "ARCH",
		"numClasses" : 45,
		"enrollCount" : 633,
		"enrollLimit" : 1994
	},
	{
		"dept" : "ART",
		"numClasses" : 44,
		"enrollCount" : 274,
		"enrollLimit" : 1063
	},
	{
		"dept" : "ASAMST",
		"numClasses" : 64,
		"enrollCount" : 100,
		"enrollLimit" : 1675
	},
	{
		"dept" : "ASIANST",
		"numClasses" : 18,
		"enrollCount" : 29,
		"enrollLimit" : 522
	},
	{
		"dept" : "ASTRON",
		"numClasses" : 25,
		"enrollCount" : 207,
		"enrollLimit" : 899
	},
	{
		"dept" : "BANGLA",
		"numClasses" : 1,
		"enrollCount" : 2,
		"enrollLimit" : 21
	},
	{
		"dept" : "BIO ENG",
		"numClasses" : 125,
		"enrollCount" : 451,
		"enrollLimit" : 5093
	},
	{
		"dept" : "BIOLOGY",
		"numClasses" : 3,
		"enrollCount" : 1940,
		"enrollLimit" : 2432
	},
	{
		"dept" : "BIOPHY",
		"numClasses" : 1,
		"enrollCount" : 0,
		"enrollLimit" : 30
	},
	{
		"dept" : "BUDDSTD",
		"numClasses" : 12,
		"enrollCount" : 32,
		"enrollLimit" : 192
	},
	{
		"dept" : "CELTIC",
		"numClasses" : 9,
		"enrollCount" : 26,
		"enrollLimit" : 234
	},
	{
		"dept" : "CHEM",
		"numClasses" : 156,
		"enrollCount" : 5007,
		"enrollLimit" : 11843
	},
	{
		"dept" : "CHICANO",
		"numClasses" : 42,
		"enrollCount" : 195,
		"enrollLimit" : 867
	},
	{
		"dept" : "CHINESE",
		"numClasses" : 33,
		"enrollCount" : 128,
		"enrollLimit" : 712
	},
	{
		"dept" : "CHM ENG",
		"numClasses" : 49,
		"enrollCount" : 406,
		"enrollLimit" : 1820
	},
	{
		"dept" : "CIV ENG",
		"numClasses" : 78,
		"enrollCount" : 922,
		"enrollLimit" : 3233
	},
	{
		"dept" : "CLASSIC",
		"numClasses" : 20,
		"enrollCount" : 176,
		"enrollLimit" : 743
	},
	{
		"dept" : "COG SCI",
		"numClasses" : 2,
		"enrollCount" : 119,
		"enrollLimit" : 255
	},
	{
		"dept" : "COLWRIT",
		"numClasses" : 61,
		"enrollCount" : 273,
		"enrollLimit" : 798
	},
	{
		"dept" : "COM LIT",
		"numClasses" : 47,
		"enrollCount" : 165,
		"enrollLimit" : 757
	},
	{
		"dept" : "COMPBIO",
		"numClasses" : 2,
		"enrollCount" : 11,
		"enrollLimit" : 46
	},
	{
		"dept" : "COMPSCI",
		"numClasses" : 61,
		"enrollCount" : 2278,
		"enrollLimit" : 4966
	},
	{
		"dept" : "CRIT TH",
		"numClasses" : 2,
		"enrollCount" : 15,
		"enrollLimit" : 30
	},
	{
		"dept" : "CUNEIF",
		"numClasses" : 4,
		"enrollCount" : 5,
		"enrollLimit" : 39
	},
	{
		"dept" : "CY PLAN",
		"numClasses" : 27,
		"enrollCount" : 409,
		"enrollLimit" : 1174
	},
	{
		"dept" : "DEMOG",
		"numClasses" : 14,
		"enrollCount" : 33,
		"enrollLimit" : 297
	},
	{
		"dept" : "DEV STD",
		"numClasses" : 2,
		"enrollCount" : 60,
		"enrollLimit" : 174
	},
	{
		"dept" : "DEVP",
		"numClasses" : 4,
		"enrollCount" : 6,
		"enrollLimit" : 140
	},
	{
		"dept" : "DUTCH",
		"numClasses" : 3,
		"enrollCount" : 14,
		"enrollLimit" : 85
	},
	{
		"dept" : "EA LANG",
		"numClasses" : 7,
		"enrollCount" : 10,
		"enrollLimit" : 153
	},
	{
		"dept" : "EAEURST",
		"numClasses" : 4,
		"enrollCount" : 10,
		"enrollLimit" : 60
	},
	{
		"dept" : "ECON",
		"numClasses" : 56,
		"enrollCount" : 2303,
		"enrollLimit" : 4297
	},
	{
		"dept" : "EDUC",
		"numClasses" : 178,
		"enrollCount" : 753,
		"enrollLimit" : 3786
	},
	{
		"dept" : "EGYPT",
		"numClasses" : 2,
		"enrollCount" : 4,
		"enrollLimit" : 16
	},
	{
		"dept" : "EL ENG",
		"numClasses" : 61,
		"enrollCount" : 965,
		"enrollLimit" : 2617
	},
	{
		"dept" : "ENE,RES",
		"numClasses" : 23,
		"enrollCount" : 157,
		"enrollLimit" : 576
	},
	{
		"dept" : "ENGIN",
		"numClasses" : 73,
		"enrollCount" : 1128,
		"enrollLimit" : 2392
	},
	{
		"dept" : "ENGLISH",
		"numClasses" : 146,
		"enrollCount" : 1584,
		"enrollLimit" : 4070
	},
	{
		"dept" : "ENV DES",
		"numClasses" : 7,
		"enrollCount" : 185,
		"enrollLimit" : 305
	},
	{
		"dept" : "ENV SCI",
		"numClasses" : 3,
		"enrollCount" : 53,
		"enrollLimit" : 238
	},
	{
		"dept" : "ENVECON",
		"numClasses" : 11,
		"enrollCount" : 312,
		"enrollLimit" : 690
	},
	{
		"dept" : "EPS",
		"numClasses" : 47,
		"enrollCount" : 355,
		"enrollLimit" : 1482
	},
	{
		"dept" : "ESPM",
		"numClasses" : 66,
		"enrollCount" : 1359,
		"enrollLimit" : 2877
	},
	{
		"dept" : "ETH GRP",
		"numClasses" : 9,
		"enrollCount" : 14,
		"enrollLimit" : 127
	},
	{
		"dept" : "ETH STD",
		"numClasses" : 100,
		"enrollCount" : 202,
		"enrollLimit" : 4165
	},
	{
		"dept" : "EURA ST",
		"numClasses" : 2,
		"enrollCount" : 1,
		"enrollLimit" : 34
	},
	{
		"dept" : "FILIPN",
		"numClasses" : 5,
		"enrollCount" : 37,
		"enrollLimit" : 96
	},
	{
		"dept" : "FILM",
		"numClasses" : 29,
		"enrollCount" : 276,
		"enrollLimit" : 695
	},
	{
		"dept" : "FOLKLOR",
		"numClasses" : 1,
		"enrollCount" : 1,
		"enrollLimit" : 10
	},
	{
		"dept" : "FRENCH",
		"numClasses" : 59,
		"enrollCount" : 430,
		"enrollLimit" : 1155
	},
	{
		"dept" : "GEOG",
		"numClasses" : 37,
		"enrollCount" : 417,
		"enrollLimit" : 1607
	},
	{
		"dept" : "GERMAN",
		"numClasses" : 60,
		"enrollCount" : 282,
		"enrollLimit" : 909
	},
	{
		"dept" : "GMS",
		"numClasses" : 1,
		"enrollCount" : 1,
		"enrollLimit" : 15
	},
	{
		"dept" : "GPP",
		"numClasses" : 6,
		"enrollCount" : 173,
		"enrollLimit" : 615
	},
	{
		"dept" : "GREEK",
		"numClasses" : 5,
		"enrollCount" : 21,
		"enrollLimit" : 106
	},
	{
		"dept" : "GWS",
		"numClasses" : 24,
		"enrollCount" : 229,
		"enrollLimit" : 791
	},
	{
		"dept" : "HEBREW",
		"numClasses" : 7,
		"enrollCount" : 14,
		"enrollLimit" : 86
	},
	{
		"dept" : "HIN-URD",
		"numClasses" : 8,
		"enrollCount" : 14,
		"enrollLimit" : 181
	},
	{
		"dept" : "HISTART",
		"numClasses" : 37,
		"enrollCount" : 371,
		"enrollLimit" : 1023
	},
	{
		"dept" : "HISTORY",
		"numClasses" : 71,
		"enrollCount" : 930,
		"enrollLimit" : 3655
	},
	{
		"dept" : "HMEDSCI",
		"numClasses" : 3,
		"enrollCount" : 1,
		"enrollLimit" : 60
	},
	{
		"dept" : "IAS",
		"numClasses" : 15,
		"enrollCount" : 314,
		"enrollLimit" : 643
	},
	{
		"dept" : "IND ENG",
		"numClasses" : 21,
		"enrollCount" : 501,
		"enrollLimit" : 1079
	},
	{
		"dept" : "INFO",
		"numClasses" : 28,
		"enrollCount" : 177,
		"enrollLimit" : 831
	},
	{
		"dept" : "INTEGBI",
		"numClasses" : 63,
		"enrollCount" : 1913,
		"enrollLimit" : 4523
	},
	{
		"dept" : "ISF",
		"numClasses" : 13,
		"enrollCount" : 228,
		"enrollLimit" : 617
	},
	{
		"dept" : "ITALIAN",
		"numClasses" : 36,
		"enrollCount" : 208,
		"enrollLimit" : 802
	},
	{
		"dept" : "JAPAN",
		"numClasses" : 38,
		"enrollCount" : 134,
		"enrollLimit" : 890
	},
	{
		"dept" : "JEWISH",
		"numClasses" : 2,
		"enrollCount" : 12,
		"enrollLimit" : 42
	},
	{
		"dept" : "JOURN",
		"numClasses" : 10,
		"enrollCount" : 163,
		"enrollLimit" : 349
	},
	{
		"dept" : "KHMER",
		"numClasses" : 3,
		"enrollCount" : 2,
		"enrollLimit" : 54
	},
	{
		"dept" : "KOREAN",
		"numClasses" : 19,
		"enrollCount" : 45,
		"enrollLimit" : 420
	},
	{
		"dept" : "L & S",
		"numClasses" : 9,
		"enrollCount" : 599,
		"enrollLimit" : 1190
	},
	{
		"dept" : "LAN PRO",
		"numClasses" : 2,
		"enrollCount" : 0,
		"enrollLimit" : 28
	},
	{
		"dept" : "LATAMST",
		"numClasses" : 4,
		"enrollCount" : 26,
		"enrollLimit" : 140
	},
	{
		"dept" : "LATIN",
		"numClasses" : 10,
		"enrollCount" : 38,
		"enrollLimit" : 211
	},
	{
		"dept" : "LAW",
		"numClasses" : 2,
		"enrollCount" : 57,
		"enrollLimit" : 100
	},
	{
		"dept" : "LD ARCH",
		"numClasses" : 28,
		"enrollCount" : 193,
		"enrollLimit" : 785
	},
	{
		"dept" : "LEGALST",
		"numClasses" : 25,
		"enrollCount" : 516,
		"enrollLimit" : 1200
	},
	{
		"dept" : "LGBT",
		"numClasses" : 3,
		"enrollCount" : 40,
		"enrollLimit" : 159
	},
	{
		"dept" : "LINGUIS",
		"numClasses" : 30,
		"enrollCount" : 445,
		"enrollLimit" : 1124
	},
	{
		"dept" : "M E STU",
		"numClasses" : 3,
		"enrollCount" : 15,
		"enrollLimit" : 54
	},
	{
		"dept" : "MALAY/I",
		"numClasses" : 3,
		"enrollCount" : 3,
		"enrollLimit" : 65
	},
	{
		"dept" : "MAT SCI",
		"numClasses" : 40,
		"enrollCount" : 265,
		"enrollLimit" : 941
	},
	{
		"dept" : "MATH",
		"numClasses" : 83,
		"enrollCount" : 3968,
		"enrollLimit" : 8389
	},
	{
		"dept" : "MBA",
		"numClasses" : 2,
		"enrollCount" : 97,
		"enrollLimit" : 130
	},
	{
		"dept" : "MCELLBI",
		"numClasses" : 257,
		"enrollCount" : 2055,
		"enrollLimit" : 9565
	},
	{
		"dept" : "MEC ENG",
		"numClasses" : 57,
		"enrollCount" : 1129,
		"enrollLimit" : 2884
	},
	{
		"dept" : "MED ST",
		"numClasses" : 1,
		"enrollCount" : 2,
		"enrollLimit" : 25
	},
	{
		"dept" : "MEDIAST",
		"numClasses" : 6,
		"enrollCount" : 429,
		"enrollLimit" : 738
	},
	{
		"dept" : "MIL AFF",
		"numClasses" : 2,
		"enrollCount" : 19,
		"enrollLimit" : 67
	},
	{
		"dept" : "MIL SCI",
		"numClasses" : 5,
		"enrollCount" : 16,
		"enrollLimit" : 144
	},
	{
		"dept" : "MUSIC",
		"numClasses" : 90,
		"enrollCount" : 971,
		"enrollLimit" : 2752
	},
	{
		"dept" : "NAT RES",
		"numClasses" : 2,
		"enrollCount" : 0,
		"enrollLimit" : 50
	},
	{
		"dept" : "NATAMST",
		"numClasses" : 21,
		"enrollCount" : 72,
		"enrollLimit" : 371
	},
	{
		"dept" : "NAV SCI",
		"numClasses" : 5,
		"enrollCount" : 9,
		"enrollLimit" : 160
	},
	{
		"dept" : "NE STUD",
		"numClasses" : 14,
		"enrollCount" : 135,
		"enrollLimit" : 472
	},
	{
		"dept" : "NEUROSC",
		"numClasses" : 4,
		"enrollCount" : 12,
		"enrollLimit" : 89
	},
	{
		"dept" : "NSE",
		"numClasses" : 3,
		"enrollCount" : 5,
		"enrollLimit" : 117
	},
	{
		"dept" : "NUC ENG",
		"numClasses" : 26,
		"enrollCount" : 84,
		"enrollLimit" : 478
	},
	{
		"dept" : "NUSCTX",
		"numClasses" : 24,
		"enrollCount" : 589,
		"enrollLimit" : 1621
	},
	{
		"dept" : "NWMEDIA",
		"numClasses" : 4,
		"enrollCount" : 19,
		"enrollLimit" : 52
	},
	{
		"dept" : "OPTOM",
		"numClasses" : 18,
		"enrollCount" : 0,
		"enrollLimit" : 885
	},
	{
		"dept" : "PACS",
		"numClasses" : 11,
		"enrollCount" : 567,
		"enrollLimit" : 974
	},
	{
		"dept" : "PB HLTH",
		"numClasses" : 159,
		"enrollCount" : 1765,
		"enrollLimit" : 5024
	},
	{
		"dept" : "PERSIAN",
		"numClasses" : 6,
		"enrollCount" : 17,
		"enrollLimit" : 98
	},
	{
		"dept" : "PHDBA",
		"numClasses" : 18,
		"enrollCount" : 41,
		"enrollLimit" : 346
	},
	{
		"dept" : "PHILOS",
		"numClasses" : 33,
		"enrollCount" : 544,
		"enrollLimit" : 1242
	},
	{
		"dept" : "PHYS ED",
		"numClasses" : 123,
		"enrollCount" : 1868,
		"enrollLimit" : 5501
	},
	{
		"dept" : "PHYSICS",
		"numClasses" : 58,
		"enrollCount" : 2733,
		"enrollLimit" : 4684
	},
	{
		"dept" : "PLANTBI",
		"numClasses" : 34,
		"enrollCount" : 232,
		"enrollLimit" : 873
	},
	{
		"dept" : "POL SCI",
		"numClasses" : 52,
		"enrollCount" : 2511,
		"enrollLimit" : 3806
	},
	{
		"dept" : "POLECON",
		"numClasses" : 5,
		"enrollCount" : 242,
		"enrollLimit" : 382
	},
	{
		"dept" : "PORTUG",
		"numClasses" : 14,
		"enrollCount" : 110,
		"enrollLimit" : 335
	},
	{
		"dept" : "PSYCH",
		"numClasses" : 49,
		"enrollCount" : 1733,
		"enrollLimit" : 4116
	},
	{
		"dept" : "PUB POL",
		"numClasses" : 32,
		"enrollCount" : 396,
		"enrollLimit" : 1160
	},
	{
		"dept" : "PUNJABI",
		"numClasses" : 2,
		"enrollCount" : 4,
		"enrollLimit" : 50
	},
	{
		"dept" : "RELIGST",
		"numClasses" : 5,
		"enrollCount" : 40,
		"enrollLimit" : 183
	},
	{
		"dept" : "RHETOR",
		"numClasses" : 34,
		"enrollCount" : 380,
		"enrollLimit" : 1044
	},
	{
		"dept" : "S ASIAN",
		"numClasses" : 9,
		"enrollCount" : 30,
		"enrollLimit" : 203
	},
	{
		"dept" : "S,SEASN",
		"numClasses" : 17,
		"enrollCount" : 41,
		"enrollLimit" : 300
	},
	{
		"dept" : "SANSKR",
		"numClasses" : 4,
		"enrollCount" : 3,
		"enrollLimit" : 70
	},
	{
		"dept" : "SCANDIN",
		"numClasses" : 25,
		"enrollCount" : 186,
		"enrollLimit" : 523
	},
	{
		"dept" : "SCMATHE",
		"numClasses" : 3,
		"enrollCount" : 1,
		"enrollLimit" : 100
	},
	{
		"dept" : "SEASIAN",
		"numClasses" : 3,
		"enrollCount" : 11,
		"enrollLimit" : 111
	},
	{
		"dept" : "SLAVIC",
		"numClasses" : 39,
		"enrollCount" : 160,
		"enrollLimit" : 809
	},
	{
		"dept" : "SOC WEL",
		"numClasses" : 62,
		"enrollCount" : 610,
		"enrollLimit" : 1671
	},
	{
		"dept" : "SOCIOL",
		"numClasses" : 55,
		"enrollCount" : 886,
		"enrollLimit" : 4229
	},
	{
		"dept" : "SPANISH",
		"numClasses" : 73,
		"enrollCount" : 720,
		"enrollLimit" : 1375
	},
	{
		"dept" : "STAT",
		"numClasses" : 36,
		"enrollCount" : 1427,
		"enrollLimit" : 2793
	},
	{
		"dept" : "TAMIL",
		"numClasses" : 2,
		"enrollCount" : 0,
		"enrollLimit" : 34
	},
	{
		"dept" : "TELUGU",
		"numClasses" : 1,
		"enrollCount" : 1,
		"enrollLimit" : 25
	},
	{
		"dept" : "THAI",
		"numClasses" : 1,
		"enrollCount" : 3,
		"enrollLimit" : 21
	},
	{
		"dept" : "THEATER",
		"numClasses" : 46,
		"enrollCount" : 329,
		"enrollLimit" : 904
	},
	{
		"dept" : "TIBETAN",
		"numClasses" : 4,
		"enrollCount" : 1,
		"enrollLimit" : 54
	},
	{
		"dept" : "TURKISH",
		"numClasses" : 3,
		"enrollCount" : 5,
		"enrollLimit" : 30
	},
	{
		"dept" : "UGBA",
		"numClasses" : 62,
		"enrollCount" : 2384,
		"enrollLimit" : 5613
	},
	{
		"dept" : "UGIS",
		"numClasses" : 11,
		"enrollCount" : 112,
		"enrollLimit" : 247
	},
	{
		"dept" : "VIETNMS",
		"numClasses" : 5,
		"enrollCount" : 74,
		"enrollLimit" : 118
	},
	{
		"dept" : "VIS SCI",
		"numClasses" : 18,
		"enrollCount" : 98,
		"enrollLimit" : 642
	},
	{
		"dept" : "VIS STD",
		"numClasses" : 4,
		"enrollCount" : 17,
		"enrollLimit" : 168
	},
	{
		"dept" : "YIDDISH",
		"numClasses" : 2,
		"enrollCount" : 1,
		"enrollLimit" : 30
	}
]

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Fall 2012 Enrollment Counts & Limits</title>
    <script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
    <script type="text/javascript" src="./tooltip.js"></script>
    <style type="text/css">

body {
  font: 11px sans-serif;
}

.chart rect {
  stroke: white;
}
rect:hover {

}

svg {
  margin-top: 0px;
  margin-left: 40px;
}

.rule {
  font: 10px sans-serif;
}

.enrollCountLabel {
  font: 10px sans-serif;
    color: steelblue;
  
}
#header {
  position: absolute;
  z-index: 1;
  display: block;
}

#header {
  top: 20px;
  left: 40px;
  font: 300 18px "Helvetica Neue";
  color: steelblue;
}

.tooltip {
  font: 400 11px "Helvetica Neue";
  color: steelblue; 
}

#sara {
  top: 65px;
  left: 40px;
  font: 300 12px "Helvetica Neue";
  color: steelblue;
  letter-spacing: 1px;
  position: absolute;
}

    </style>
  </head>
  <body>
   <div id="header">Fall 2012 Enrollment Counts & Limits by Academic Department (in aggregate) 
   <br>As of July 1, 2012</div>
   <div id="sara">Sara Quigley</div>
   <div id="chart">
  
    <script type="text/javascript">

var w = 700,
    h = 2000,
    m = [100, 30, 80, 60]; //margin top, right, bottom, left

var color = d3.scale.category20b();


d3.json("deptClassesEnrollments.json", function(data) {

var y = d3.scale.ordinal()
    .domain([data.length])
	.rangeBands([0, h]);

var x = d3.scale.linear()
     .domain([0, d3.max(data.map(function(d) {return parseInt(d.enrollLimit);}))]) 
     .range([0, w - m[1]]);

var chart = d3.select("body").append("svg")
    .attr("class", "chart")
    .attr("width", w + m[1] + m[3])
    .attr("height", h + m[0] +m[2]);
   
chart.selectAll(".rectLimit")	
    .data(data)
    .enter().append("rect")
    .attr("x", m[3])
    .attr("y", m[0]) 
    .attr("transform", function(d, i) { return "translate(0," + (y.rangeBand() / data.length * i) + ")"; })
    .attr("height", y.rangeBand()/data.length)
    .attr("fill", function(d, i) { return color(i); })
    .transition().duration(750).delay(1000).attr("width", function(d) { return x(d.enrollCount); });
	
chart.selectAll(".enrollLimit")	
    .data(data)
    .enter().append("rect") 
    .attr("x", m[3])
    .attr("y", m[0]) 
    .attr("transform", function(d, i) { return "translate(0," + (y.rangeBand() / data.length * i) + ")"; })
    .attr("height", y.rangeBand()/data.length)
    .attr("fill", "#D0D1E6")
    .attr("fill-opacity", .25)
    .attr("class", "rectLimit")    
    .call(d3.helper.tooltip(function(d, i){return "Enrollment Limit : " + d.enrollLimit;}))
    .transition().duration(750).attr("width", function(d) { return x(d.enrollLimit); });


//add y-axis labels
chart.selectAll(".deptLabel")
      .data(data)
	  .enter().append("svg:text")
      .attr("x",0)	  
      .attr("y", m[0])
	  .attr("fill", function(d, i) { return color(i) })
      .attr("text-anchor", "end")
      .attr("vertical-align", "middle")
      .attr("dy", ".52em")
      .text(function(d) { return (d.dept);})
      .attr("transform", function(d,i) { return ("translate(" +   (m[3] - 5)  + "," +  ((y.rangeBand() / data.length * i) + 5) + ")");});


//add enrollment count labels
chart.selectAll(".enrollCountLabel")
      .data(data)
	  .enter().append("svg:text")
      .attr("x", m[3])	  
      .attr("y", m[0])
	  .attr("fill", function(d, i) { return color(i) })
      .attr("text-anchor", "start")
      .attr("vertical-align", "middle")
      .attr("dy", ".52em")
      .text(function(d) { return (d.enrollCount);})
      .attr("transform", function(d,i) { return ("translate(" +  x(d.enrollCount + 5 + m[3]) + "," +  ((y.rangeBand() / data.length * i) + 5) + ")");});

 // Add x-axis rules.
  var xRule = chart.selectAll("g.rule")
      .data(x.ticks(6))
    .enter().append("svg:g")
      .attr("class", "rule")
      .attr("transform", function(d) { return "translate(" + (m[3] + x(d)) + ",0)"; });

  xRule.append("svg:line")
      .attr("y2", h + m[3])
      .style("stroke", "#fff")
      .style("stroke-opacity", function(d) { return d ? .7 : null; });

  xRule.append("svg:text")
      .attr("y", m[0] - 10)
      .attr("dy", ".35em")
      .attr("fill", "#D0D1E6")
      .attr("text-anchor", "middle")
      .text(d3.format(",d.enrollLimit"));


});


    </script>
    </div>
  </body>
</html>

thumbnail.png

tooltip.js

d3.helper = {};

d3.helper.tooltip = function(accessor){
    return function(selection){
        var tooltipDiv;
        var bodyNode = d3.select('body').node();
        selection.on("mouseover", function(d, i){
            // Clean up lost tooltips
            d3.select('body').selectAll('div.tooltip').remove();
            // Append tooltip
            tooltipDiv = d3.select('body').append('div').attr('class', 'tooltip');
            var absoluteMousePos = d3.mouse(bodyNode);
            tooltipDiv.style('left', (absoluteMousePos[0] + 5)+'px')
                .style('top', (absoluteMousePos[1] - 5)+'px')
                .style('position', 'absolute') 
                .style('z-index', 1001);
            // Add text using the accessor function
            var tooltipText = accessor(d, i) || '';
            // Crop text arbitrarily
            tooltipDiv.style('width', function(d, i){return (tooltipText.length > 80) ? '300px' : null;})
                .html(tooltipText);
        })
        .on('mousemove', function(d, i) {
            // Move tooltip
            var absoluteMousePos = d3.mouse(bodyNode);
            tooltipDiv.style('left', (absoluteMousePos[0] + 5)+'px')
                .style('top', (absoluteMousePos[1] - 5)+'px');
            var tooltipText = accessor(d, i) || '';
            tooltipDiv.html(tooltipText);
        })
        .on("mouseout", function(d, i){
            // Remove tooltip
            tooltipDiv.remove();
        });

    };
};