Professional Bar Chart

by Nivaldo

HTML

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/2.8.1/d3.v2.min.js"></script>
  </head>
  <body>
  	<script>

CSS

body {
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.canvas {

  background-color: #E5F5E0
}

.rect {
	fill: #A1D99B;
  opacity: 0.95;


}

.x.axis path {
  display: none;
}

.grid .tick {
    stroke: white;
    opacity: 0.4;
}
.grid path {
      stroke-width: 0;
}

div.tooltip {   
  position: absolute;     
  text-align: center;           
  width: 125px;                  
  height: 155px;                 
  padding: 2px;             
  font: 12px sans-serif;        
  background: #A1D99B;   
          
  pointer-events: none; 

}

JavaScript

console.log("ok degrees");
////// Thanks to:
// d3noob: http://www.d3noob.org
// d3js: http://d3js.org
// Scott Murray: http://alignedleft.com
// Dashing D3js: http://www.dashingd3js.com
///////////////////////

 /////////Dataset so short, I'm going to just paste it in////////////

 degrees = [{"Major":"Agriculture","Sum":294,"Notes":"agriculture, horticulture, animal and plant sciences"},
{"Major":"Natural Resources","Sum":194,"Notes":"forestry, natural resource management, environmental science"},
{"Major":"Architecture","Sum":312,"Notes":"architecture, landscape architecture, environmental design"},
{"Major":"Group Studies","Sum":96,"Notes":"area ethnic, cultural, gender and group studies, regional studies, African-American studies, gay/lesbian studies"},
{"Major":"Communication","Sum":1970,"Notes":"communication, journalism, PR, publishing"},
{"Major":"Communications Technologies","Sum":396,"Notes":"A/V technology, graphic communications"},
{"Major":"Computer Science","Sum":1263,"Notes":"computer programming, data processing, computer science, networking"},
{"Major":"Personal and Culinary Services","Sum":21,"Notes":"mortuary science, culinary arts, cosmetology"},
{"Major":"Education","Sum":4197,"Notes":"K-12 teaching and administration"},
{"Major":"Engineering","Sum":1946,"Notes":"aerospace, civil, biomedical, computer, polymer, chemical, mechanical"},
{"Major":"Engineering Technologies","Sum":577,"Notes":"civil engineering technologies, electromechanical instrumentation and mantenance,  nanotechnology"},
{"Major":"Foreign Languages","Sum":579,"Notes":"linguistics, foreign languages"},
{"Major":"Family and Consumer Sciences","Sum":582,"Notes":"family and consumer economics, family studies, foods, nutrition and related services"},
{"Major":"Legal","Sum":61,"Notes":"pre-law"},
{"Major":"English","Sum":1303,"Notes":"writing, literature"},
{"Major":"Liberal Arts","Sum":551,"Notes":"liberal arts, general studies"},
{"Major":"Library...