anchor.diff:              <div class="search button">Search</div>
             </div>
             <div id="display" style="position:relative;">
  -			<div id="drop-legend" style="float:left;height:500px;width:200px;" class="droppable">
  -				<p>Drop Characteristics here to graph:</p>
  -				<ul></ul>
  -			</div>
  -            <div id="map_canvas" style="float:center"></div>
  +			<div id="map_canvas" class="droppable" style="float:center; height: 500px; min-width: 500px;"></div>
               <div id="page">&nbsp;</div>
             </div>
             <div class="clear" style="clear:both;"></div>
  
positive.code: 			console.log("patient data returned:");
  			data=JSON.parse(data);
  			patientData = data.results.bindings;
  			activeGraph.push(patientData);
  			console.log(patientData);
  			// graph stuff!
  			graphPatientData(patientData);
  		}
  			
  		function graphPatientData(data){
  			
  			var xAxis = d3.svg.axis()
  				.scale(x)
  				.orient("bottom");
  			var yAxis = d3.svg.axis()
  				.scale(y)
  				.orient("left");
  		
  			var line = d3.svg.line()
  			    .interpolate("linear")
  				.x(function(d) {
  					return x(parseDate(d.date.value));
  				})
  				.y(function(d) {
  					return y(d.value.value);
  			    });
  			
  			var svg = d3.select("#map_canvas").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 + ")");
  
  			var parsed = typeof data === "string" ? JSON.parse(data) : data;
  			console.log(parsed);
  
  			x.domain(d3.extent(parsed, function(d) {
  				return parseDate(d.date.value);
  			}));
  			y.domain(d3.extent(parsed, function(d) { return parseInt(d.value.value); }));
  			
  			svg.append("g")
  				.attr("class", "x axis")
  				.attr("transform", "translate(0," + height + ")")
  				.call(xAxis)
  				.selectAll("text")  
  					.style("text-anchor", "end")
  					.attr("dx", "-.8em")
  					.attr("dy", ".15em")
  					.attr("transform", function(d) {
  						return "rotate(-65)" 
  					});
  			svg.append("g")
  				.attr("class", "y axis")
  				.call(yAxis)
  				.append("text")
  				.attr("transform", "rotate(-90)")
  				.attr("y", 6)
  				.attr("dy", ".71em")
  				.style("text-anchor", "end")
  				.text(parsed[0].characteristic.value.split('#')[1]);
  			svg.append("path")
  			    .attr("stroke", "#000")
  			    .attr("fill", "none")
  			    .data([parsed]).attr("d", line);
  		}// /graphPatientData
  		
  		
  
negative.code: 				activeClass: "droppable-active",
  				drop: function( event, ui ) {
  					activeGraph.push(theURI);
  					//var newListItem = '<li class="graph-legend"><a href=\"'+theURI+'\">'+theText+'</a></li>';
  					//$(this).find("ul").append(newListItem);
  					//$.bbq.pushState({"characteristic":theURI});
  					var theData = PatientModule.getPatientMeasurements({"characteristic":[theURI]}, getPatientDataCallback);
  				}// /drop
  