hello world parallel coordinates

README.md

U.S. News & World Report College Rankings data put through Mike Bostock's implementation of Parallel Coordinates. Data gathered 5/9/15.

colleges.json

[
 {"name": "Princeton University", "national_universities_rankings": 1, "top_public_schools": "n/a"},
 {"name": "Harvard University", "national_universities_rankings": 2, "top_public_schools": "n/a"},
 {"name": "Yale University", "national_universities_rankings": 3, "top_public_schools": "n/a"},
 {"name": "Columbia University", "national_universities_rankings": 4, "top_public_schools": "n/a"},
 {"name": "Stanford University", "national_universities_rankings": 4, "top_public_schools": "n/a"},
 {"name": "University of Chicago", "national_universities_rankings": 4, "top_public_schools": "n/a"},
 {"name": "Mass. Institute of Technology", "national_universities_rankings": 7, "top_public_schools": "n/a"},
 {"name": "Duke University", "national_universities_rankings": 8, "top_public_schools": "n/a"},
 {"name": "University of Pennsylvania", "national_universities_rankings": 8, "top_public_schools": "n/a"},
 {"name": "Cal. Institute of Technology", "national_universities_rankings": 10, "top_public_schools": "n/a"},
 {"name": "Dartmouth College", "national_universities_rankings": 11, "top_public_schools": "n/a"},
 {"name": "Johns Hopkins University", "national_universities_rankings": 12, "top_public_schools": "n/a"},
 {"name": "Northwestern University", "national_universities_rankings": 13, "top_public_schools": "n/a"},
 {"name": "Washington University in St. Louis", "national_universities_rankings": 14, "top_public_schools": "n/a"},
 {"name": "Cornell University", "national_universities_rankings": 15, "top_public_schools": "n/a"},
 {"name": "Brown University", "national_universities_rankings": 16, "top_public_schools": "n/a"},
 {"name": "University of Notre Dame", "national_universities_rankings": 16, "top_public_schools": "n/a"},
 {"name": "Vanderbilt University", "national_universities_rankings": 16, "top_public_schools": "n/a"},
 {"name": "Rice University", "national_universities_rankings": 19, "top_public_schools": "n/a"},
 {"name": "UC Berkeley", "national_universities_rankings": 20, "top_public_schools": 1},
 {"name": "Emory University", "national_universities_rankings": 21, "top_public_schools": "n/a"},
 {"name": "Georgetown University", "national_universities_rankings": 21, "top_public_schools": "n/a"},
 {"name": "UCLA", "national_universities_rankings": 23, "top_public_schools": 2},
 {"name": "University of Virginia", "national_universities_rankings": 23, "top_public_schools": 2},
 {"name": "Carnegie Mellon University", "national_universities_rankings": 25, "top_public_schools": "n/a"},
 {"name": "University of Southern Cal.", "national_universities_rankings": 25, "top_public_schools": "n/a"},
 {"name": "Tufts University", "national_universities_rankings": 27, "top_public_schools": "n/a"},
 {"name": "Wake Forest University", "national_universities_rankings": 27, "top_public_schools": "n/a"},
 {"name": "U. of Michigan, Ann Arbor", "national_universities_rankings": 29, "top_public_schools": 4},
 {"name": "UNC, Chapel Hill", "national_universities_rankings": 30, "top_public_schools": 5},
 {"name": "Boston College", "national_universities_rankings": 31, "top_public_schools": "n/a"},
 {"name": "New York University", "national_universities_rankings": 32, "top_public_schools": "n/a"},
 {"name": "College of William and Mary", "national_universities_rankings": 33, "top_public_schools": 6},
 {"name": "University of Rochester", "national_universities_rankings": 33, "top_public_schools": "n/a"},
 {"name": "Brandeis University", "national_universities_rankings": 35, "top_public_schools": "n/a"},
 {"name": "Georgia Institute of Tech.", "national_universities_rankings": 35, "top_public_schools": 7},
 {"name": "UC San Diego", "national_universities_rankings": 37, "top_public_schools": 8},
 {"name": "Case Western Reserve U.", "national_universities_rankings": 38, "top_public_schools": "n/a"},
 {"name": "UC Davis", "national_universities_rankings": 38, "top_public_schools": 9},
 {"name": "Lehigh University", "national_universities_rankings": 40, "top_public_schools": "n/a"},
 {"name": "UC Santa Barbara", "national_universities_rankings": 40, "top_public_schools": 10},
 {"name": "Boston University", "national_universities_rankings": 42, "top_public_schools": "n/a"},
 {"name": "Northeastern University", "national_universities_rankings": 42, "top_public_schools": "n/a"},
 {"name": "Rensselaer Polytechnic Institute", "national_universities_rankings": 42, "top_public_schools": "n/a"},
 {"name": "UC Irvine", "national_universities_rankings": 42, "top_public_schools": 11},
 {"name": "U. of Illinois, Urbana-Champaign", "national_universities_rankings": 42, "top_public_schools": 11},
 {"name": "U. of Wisconsin, Madison", "national_universities_rankings": 47, "top_public_schools": 13},
 {"name": "Penn State U., U. Park", "national_universities_rankings": 48, "top_public_schools": 14},
 {"name": "University of Florida", "national_universities_rankings": 48, "top_public_schools": 14},
 {"name": "University of Miami", "national_universities_rankings": 48, "top_public_schools": "n/a"},
 {"name": "University of Washington", "national_universities_rankings": 48, "top_public_schools": 14},
 {"name": "Yeshiva University", "national_universities_rankings": 48, "top_public_schools": "n/a"},
 {"name": "U. of Texas, Austin", "national_universities_rankings": 53, "top_public_schools": 17},
 {"name": "George Washington University", "national_universities_rankings": 54, "top_public_schools": "n/a"},
 {"name": "Ohio State U., Columbus", "national_universities_rankings": 54, "top_public_schools": 18},
 {"name": "Pepperdine University", "national_universities_rankings": 54, "top_public_schools": "n/a"},
 {"name": "Tulane University", "national_universities_rankings": 54, "top_public_schools": "n/a"},
 {"name": "Fordham University", "national_universities_rankings": 58, "top_public_schools": "n/a"},
 {"name": "Southern Methodist University", "national_universities_rankings": 58, "top_public_schools": "n/a"},
 {"name": "Syracuse University", "national_universities_rankings": 58, "top_public_schools": "n/a"}, 
 {"name": "University of Connecticut", "national_universities_rankings": 58, "top_public_schools": 19},
 {"name": "Brigham Young U., Provo", "national_universities_rankings": 62, "top_public_schools": "n/a"},
 {"name": "Clemson University", "national_universities_rankings": 62, "top_public_schools": 20},
 {"name": "Purdue U., West Lafayette", "national_universities_rankings": 62, "top_public_schools": 20},
 {"name": "University of Georgia", "national_universities_rankings": 62, "top_public_schools": 20},
 {"name": "U. of Maryland, College Park", "national_universities_rankings": 62, "top_public_schools": 20},
 {"name": "University of Pittsburgh", "national_universities_rankings": 62, "top_public_schools": 20},
 {"name": "Texas A&M U., College Station", "national_universities_rankings": 68, "top_public_schools": 25},
 {"name": "Worcester Polytechnic Institute", "national_universities_rankings": 68, "top_public_schools": "n/a"},
 {"name": "Rutgers, New Brunswick", "national_universities_rankings": 70, "top_public_schools": 26},
 {"name": "American University", "national_universities_rankings": 71, "top_public_schools": "n/a"},
 {"name": "Baylor University", "national_universities_rankings": 71, "top_public_schools": "n/a"},
 {"name": "University of Iowa", "national_universities_rankings": 71, "top_public_schools": 27},
 {"name": "U. of Minnesota, Twin Cities", "national_universities_rankings": 71, "top_public_schools": 27},
 {"name": "Virginia Tech", "national_universities_rankings": 71, "top_public_schools": 27},
 {"name": "Clark University", "national_universities_rankings": 76, "top_public_schools": "n/a"},
 {"name": "Indiana U., Bloomington", "national_universities_rankings": 76, "top_public_schools": 30},
 {"name": "Marquette University", "national_universities_rankings": 76, "top_public_schools": "n/a"},
 {"name": "Miami U., Oxford", "national_universities_rankings": 76, "top_public_schools": 30},
 {"name": "Stevens Institute of Tech.", "national_universities_rankings": 76, "top_public_schools": "n/a"},
 {"name": "SUNY College of Env. Sci. and Forestry", "national_universities_rankings": 76, "top_public_schools": 30},
 {"name": "Texas Christian University", "national_universities_rankings": 76, "top_public_schools": "n/a"},
 {"name": "University of Delaware", "national_universities_rankings": 76, "top_public_schools": 30},
 {"name": "U. of Mass., Amherst", "national_universities_rankings": 76, "top_public_schools": 30},
 {"name": "Michigan State University", "national_universities_rankings": 85, "top_public_schools": 35},
 {"name": "UC Santa Cruz", "national_universities_rankings": 85, "top_public_schools": 35},
 {"name": "University of Vermont", "national_universities_rankings": 85, "top_public_schools": 35},
 {"name": "Binghamton U., SUNY", "national_universities_rankings": 88, "top_public_schools": 38},
 {"name": "Colorado School of Mines", "national_universities_rankings": 88, "top_public_schools": 38},
 {"name": "Stony Brook U., SUNY", "national_universities_rankings": 88, "top_public_schools": 38},
 {"name": "University of Alabama", "national_universities_rankings": 88, "top_public_schools": 38},
 {"name": "U. of Colorado, Boulder", "national_universities_rankings": 88, "top_public_schools": 38},
 {"name": "University of Denver", "national_universities_rankings": 88, "top_public_schools": "n/a"},
 {"name": "University of Tulsa", "national_universities_rankings": 88, "top_public_schools": "n/a"},
 {"name": "Drexel University", "national_universities_rankings": 95, "top_public_schools": "n/a"},
 {"name": "Florida State University", "national_universities_rankings": 95, "top_public_schools": 43},
 {"name": "N.C. State U., Raleigh", "national_universities_rankings": 95, "top_public_schools": 43},
 {"name": "University of San Diego", "national_universities_rankings": 95, "top_public_schools": "n/a"},
 {"name": "Saint Louis University", "national_universities_rankings": 99, "top_public_schools": "n/a"},
 {"name": "University of Missouri", "national_universities_rankings": 99, "top_public_schools": 45},
 {"name": "U. of Nebraska, Lincoln", "national_universities_rankings": 99, "top_public_schools": 45},
 {"name": "U. of New Hampshire", "national_universities_rankings": 99, "top_public_schools": 45},
 {"name": "Auburn University", "national_universities_rankings": 103, "top_public_schools": 48},
 {"name": "U. at Buffalo, SUNY", "national_universities_rankings": 103, "top_public_schools": 48},
 {"name": "University of Dayton", "national_universities_rankings": 103, "top_public_schools": "n/a"},
 {"name": "Iowa State University", "national_universities_rankings": 106, "top_public_schools": 50},
 {"name": "Loyola University Chicago", "national_universities_rankings": 106, "top_public_schools": "n/a"},
 {"name": "University of Kansas", "national_universities_rankings": 106, "top_public_schools": 50},
 {"name": "University of Oklahoma", "national_universities_rankings": 106, "top_public_schools": 50},
 {"name": "University of Oregon", "national_universities_rankings": 106, "top_public_schools": 50},
 {"name": "University of San Francisco", "national_universities_rankings": 106, "top_public_schools": "n/a"},
 {"name": "University of Tennessee", "national_universities_rankings": 106, "top_public_schools": 50},
 {"name": "U. of Cal., Riverside", "national_universities_rankings": 113, "top_public_schools": 55},
 {"name": "U. of South Carolina", "national_universities_rankings": 113, "top_public_schools": 55},
 {"name": "University of St. Thomas", "national_universities_rankings": 113, "top_public_schools": "n/a"},
 {"name": "The Catholic U. of America", "national_universities_rankings": 116, "top_public_schools": "n/a"},
 {"name": "Duquesne University", "national_universities_rankings": 116, "top_public_schools": "n/a"},
 {"name": "Illinois Institute of Tech.", "national_universities_rankings": 116, "top_public_schools": "n/a"},
 {"name": "Michigan Tech. University", "national_universities_rankings": 116, "top_public_schools": 57},
 {"name": "University of the Pacific", "national_universities_rankings": 116, "top_public_schools": "n/a"},
 {"name": "Clarkson University", "national_universities_rankings": 121, "top_public_schools": "n/a"},
 {"name": "Colorado State University", "national_universities_rankings": 121, "top_public_schools": 58},
 {"name": "DePaul University", "national_universities_rankings": 121, "top_public_schools": "n/a"},
 {"name": "Temple University", "national_universities_rankings": 121, "top_public_schools": 58},
 {"name": "University of Arizona", "national_universities_rankings": 121, "top_public_schools": 58},
 {"name": "Rutgers, Newark", "national_universities_rankings": 126, "top_public_schools": 61},
 {"name": "Seton Hall University", "national_universities_rankings": 126, "top_public_schools": "n/a"},
 {"name": "U. of Albany, SUNY", "national_universities_rankings": 126, "top_public_schools": 61},
 {"name": "Arizona State U., Tempe", "national_universities_rankings": 129, "top_public_schools": 63},
 {"name": "Louisiana State U., Baton Rouge", "national_universities_rankings": 129, "top_public_schools": 63},
 {"name": "Ohio University", "national_universities_rankings": 129, "top_public_schools": 63},
 {"name": "University of Cincinnati", "national_universities_rankings": 129, "top_public_schools": 63},
 {"name": "University of Kentucky", "national_universities_rankings": 129, "top_public_schools": 63},
 {"name": "University of Utah", "national_universities_rankings": 129, "top_public_schools": 63},
 {"name": "Hofstra University", "national_universities_rankings": 135, "top_public_schools": "n/a"},
 {"name": "New School", "national_universities_rankings": 135, "top_public_schools": "n/a"},
 {"name": "University of Arkansas", "national_universities_rankings": 135, "top_public_schools": 69},
 {"name": "George Mason University", "national_universities_rankings": 138, "top_public_schools": 70},
 {"name": "Missouri U. of Sci. & Tech.", "national_universities_rankings": 138, "top_public_schools": 70},
 {"name": "Oregon State University", "national_universities_rankings": 138, "top_public_schools": 70},
 {"name": "Washington State University", "national_universities_rankings": 138, "top_public_schools": 70},
 {"name": "Illinois State University", "national_universities_rankings": 142, "top_public_schools": 74},
 {"name": "Kansas State University", "national_universities_rankings": 142, "top_public_schools": 74},
 {"name": "St. John Fisher College", "national_universities_rankings": 142, "top_public_schools": "n/a"},
 {"name": "Howard University", "national_universities_rankings": 145, "top_public_schools": "n/a"},
 {"name": "Oklahoma State University", "national_universities_rankings": 145, "top_public_schools": 76},
 {"name": "St. John's University", "national_universities_rankings": 145, "top_public_schools": "n/a"},
 {"name": "U. of Texas, Dallas", "national_universities_rankings": 145, "top_public_schools": 76},
 {"name": "Adelphi University", "national_universities_rankings": 149, "top_public_schools": "n/a"},
 {"name": "New Jersey Institute of Tech.", "national_universities_rankings": 149, "top_public_schools": 78},
 {"name": "San Diego State Univeristy", "national_universities_rankings": 149, "top_public_schools": 78},
 {"name": "U. of Alabama, Birmingham", "national_universities_rankings": 149, "top_public_schools": 78},
 {"name": "U. of Illinois, Chicago", "national_universities_rankings": 149, "top_public_schools": 78},
 {"name": "U. of Maryland, Baltimore Co.", "national_universities_rankings": 149, "top_public_schools": 78},
 {"name": "University of Mississippi", "national_universities_rankings": 149, "top_public_schools": 78},
 {"name": "Maryville U. of St. Louis", "national_universities_rankings": 156, "top_public_schools": "n/a"},
 {"name": "Mississippi State University", "national_universities_rankings": 156, "top_public_schools": 84},
 {"name": "Texas Tech University", "national_universities_rankings": 156, "top_public_schools": 84},
 {"name": "U. of Mass., Lowell", "national_universities_rankings": 156, "top_public_schools": 84},
 {"name": "Virginia Commonwealth U.", "national_universities_rankings": 156, "top_public_schools": 84},
 {"name": "Biola University", "national_universities_rankings": 161, "top_public_schools": "n/a"},
 {"name": "University of Louisville", "national_universities_rankings": 161, "top_public_schools": 88},
 {"name": "U. of Rhode Island", "national_universities_rankings": 161, "top_public_schools": 88},
 {"name": "U. of South Florida", "national_universities_rankings": 161, "top_public_schools": 88},
 {"name": "University of Wyoming", "national_universities_rankings": 161, "top_public_schools": 88},
 {"name": "University of Idaho", "national_universities_rankings": 166, "top_public_schools": 92},
 {"name": "University of La Verne", "national_universities_rankings": 166, "top_public_schools": "n/a"},
 {"name": "Andrews University", "national_universities_rankings": 168, "top_public_schools": "n/a"},
 {"name": "U. of Hawaii, Manoa", "national_universities_rankings": 168, "top_public_schools": 93},
 {"name": "U. of North Dakota", "national_universities_rankings": 168, "top_public_schools": 93},
 {"name": "U. of South Dakota", "national_universities_rankings": 168, "top_public_schools": 93},
 {"name": "West Virginia U.", "national_universities_rankings": 168, "top_public_schools": 93},
 {"name": "Azusa Pacific University", "national_universities_rankings": 173, "top_public_schools": "n/a"},
 {"name": "Ball State University", "national_universities_rankings": 173, "top_public_schools": 97},
 {"name": "Bowling Green State U.", "national_universities_rankings": 173, "top_public_schools": 97},
 {"name": "Florida Institute of Tech.", "national_universities_rankings": 173, "top_public_schools": "n/a"},
 {"name": "Pace University", "national_universities_rankings": 173, "top_public_schools": "n/a"},
 {"name": "U. of Central Florida", "national_universities_rankings": 173, "top_public_schools": 97},
 {"name": "University of Maine", "national_universities_rankings": 173, "top_public_schools": 97},
 {"name": "Western Michigan U.", "national_universities_rankings": 173, "top_public_schools": 97},
 {"name": "Edgewood College", "national_universities_rankings": 181, "top_public_schools": "n/a"},
 {"name": "Immaculata University", "national_universities_rankings": 181, "top_public_schools": "n/a"},
 {"name": "North Dakota State U.", "national_universities_rankings": 181, "top_public_schools": 102},
 {"name": "South Dakota State U.", "national_universities_rankings": 181, "top_public_schools": 102},
 {"name": "Spalding University", "national_universities_rankings": 181, "top_public_schools": "n/a"},
 {"name": "St. Mary's U. of Minnesota", "national_universities_rankings": 181, "top_public_schools": "n/a"},
 {"name": "U. of Alabama, Huntsville", "national_universities_rankings": 181, "top_public_schools": 102},
 {"name": "UNC Greensboro", "national_universities_rankings": 181, "top_public_schools": 102},
 {"name": "S. Illinois U., Carbondale", "national_universities_rankings": 189, "top_public_schools": 106},
 {"name": "University of Houston", "national_universities_rankings": 189, "top_public_schools": 106},
 {"name": "U. of Missouri, Kansas City", "national_universities_rankings": 189, "top_public_schools": 106},
 {"name": "U. of New Mexico", "national_universities_rankings": 189, "top_public_schools": 106},
 {"name": "Widener University", "national_universities_rankings": 189, "top_public_schools": "n/a"},
 {"name": "Central Michigan U.", "national_universities_rankings": 194, "top_public_schools": 110},
 {"name": "Indiana U. - Purdue U., Indianapolis", "national_universities_rankings": 194, "top_public_schools": 110},
 {"name": "Kent State University", "national_universities_rankings": 194, "top_public_schools": 110},
 {"name": "Northern Illinois U.", "national_universities_rankings": 194, "top_public_schools": 110},
 {"name": "University of Montana", "national_universities_rankings": 194, "top_public_schools": 110},
 {"name": "U. of Nevada, Reno", "national_universities_rankings": 194, "top_public_schools": 110},
 {"name": "Utah State University", "national_universities_rankings": 194, "top_public_schools": 110},
 {"name": "Louisana Tech U.", "national_universities_rankings": 201, "top_public_schools": 117},
 {"name": "UNC Charlotte", "national_universities_rankings": 201, "top_public_schools": 117}
]

index.html

<!DOCTYPE html>
<meta charset="utf-8">
<style>

svg {
  font: 10px sans-serif;
}

.background path {
  fill: none;
  stroke: #ccc;
  stroke-opacity: .4;
  shape-rendering: crispEdges;
}

.foreground path {
  fill: none;
  stroke: steelblue;
  stroke-opacity: .7;
}

.brush .extent {
  fill-opacity: .3;
  stroke: #fff;
  shape-rendering: crispEdges;
}

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

.axis text {
  text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
}

</style>
<body>
<script src="http://d3js.org/d3.v3.js"></script>
<script>

var margin = {top: 30, bottom: 10, right: 10, left: 10},
	width = 960 - margin.right - margin.left,
	height = 2000 - margin.top - margin.bottom;

var x = d3.scale.ordinal() // the dimensions 
  .rangePoints([0, width], 1); 

var y = {},
	ordered_domain,
	index;

var line = d3.svg.line(),
	axis = d3.svg.axis().orient("left"),
	background, 
	foreground;

var svg = d3.select("body").append("svg")
    .attr("width", width + margin.left + margin.right)
    .attr("height", height + margin.top + margin.bottom)
  .append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")");
  
d3.json("colleges.json", function(err, data) {
  
  // extract the list of dimensions and create ordinal scale for each
  x.domain(dimensions = d3.keys(data[0]).filter(function(d) {
    return (y[d] = d3.scale.ordinal()
      .domain(data.map(function(p){ return p[d]; }))
      .rangePoints([0, height]));
  }));
  
  // put "n/a" at bottom of scale
  ordered_domain = y.top_public_schools.domain();
  index = ordered_domain.indexOf("n/a");
  if (index > -1) {
    ordered_domain.splice(index, 1);
  }
  ordered_domain.push("n/a");
  y.top_public_schools.domain(ordered_domain);
  
  // gray background lines connecting each dimension
  background = svg.append("g")
      .attr("class", "background")
    .selectAll("path")
      .data(data)
    .enter()
      .append("path")
      .attr("d", path);

   // blue foreground lines on top of gray background lines
   foreground = svg.append("g")
       .attr("class", "foreground")
     .selectAll("path")
       .data(data)
     .enter()
       .append("path")
       .attr("d", path);
   
   // add a group element for each dimension
   var g = svg.selectAll(".dimension")
       .data(dimensions)
     .enter()
       .append("g")
       .attr("class", "dimension")
       .attr("transform", function(d) { return "translate(" + x(d) + ")"; })
   
   // add an axis and title
   g.append("g")
       .attr("class", "axis")
       .each(function(d) { d3.select(this).call(axis.scale(y[d])); })
     .append("text")
       .attr("text-anchor", "middle")
       .attr("y", -9)
       .text(function(d){ return d; });
     
})

// Returns the path for a given data point.
function path(d) {
  return line(dimensions.map(function(p) { return [x(p), y[p](d[p])]; }));
}
d3.select(self.frameElement).style("height", (height + margin.top + margin.bottom) + "px").style("width", width + (margin.left + margin.right) + "px");
</script>