1. Refactored code to use a utility method instead of having the same method being defined in each of the vis request handlers.

2. Adding a "person level" vis package to handle combination of sparkline & co-authorship vis page. 3. Testing out the concept of accessing fields of a class form jsp page.
2010-07-01 15:54:11 +00:00 · 2010-07-01 15:54:11 +00:00 · 0e8e1dc9e2
commit 0e8e1dc9e2
parent d87ffcc3be
16 changed files with 848 additions and 152 deletions
--- a/webapp/web/js/visualization/coauthorship/co_authorship.js
+++ b/webapp/web/js/visualization/coauthorship/co_authorship.js
@ -161,35 +161,37 @@ function processProfileInformation(nameContainerID,



-function nodeClickedJS(obj){
+function nodeClickedJS(json){
+	
+	var obj = jQuery.parseJSON(json);

 	$("#newsLetter").attr("style","visibility:visible");
-	$("#authorName").empty().append(obj[0]);
-	$("#works").empty().append(obj[1]);
+	$("#authorName").empty().append(obj.name);
+	$("#works").empty().append(obj.number_of_authored_works);

 	/*
-	 * Here obj[7] points to the uri of that individual
+	 * Here obj.url points to the uri of that individual
 	 */
-	if(obj[7]){
-		$("#profileUrl").attr("href", getWellFormedURLs(obj[7], "profile"));
-		$("#coAuthorshipVisUrl").attr("href", getWellFormedURLs(obj[7], "coauthorship"));
+	if(obj.url){
+		$("#profileUrl").attr("href", getWellFormedURLs(obj.url, "profile"));
+		$("#coAuthorshipVisUrl").attr("href", getWellFormedURLs(obj.url, "coauthorship"));
 		processProfileInformation("", 
 								  "profileMoniker",
 								  "profileImage",
-								  jQuery.parseJSON(getWellFormedURLs(obj[7], "profile_info")));
+								  jQuery.parseJSON(getWellFormedURLs(obj.url, "profile_info")));

 	} else{
 		$("#profileUrl").attr("href","#");
 		$("#coAuthorshipVisUrl").attr("href","#");
 	}

-	$("#coAuthorName").empty().append(obj[0]);	
+	$("#coAuthorName").empty().append(obj.name);	

-	$("#coAuthors").empty().append(obj[5]);	
-	$("#firstPublication").empty().append((obj[3])?obj[3]+" First Publication":"");
-	$("#lastPublication").empty().append((obj[4])?obj[4]+" Last Publication":"");
+	$("#coAuthors").empty().append(obj.num_coauthors);	
+	$("#firstPublication").empty().append((obj.earliest_publication)?obj.earliest_publication+" First Publication":"");
+	$("#lastPublication").empty().append((obj.latest_publication)?obj.latest_publication+" Last Publication":"");

-	// obj[7]:the url parameter for node
+	// obj.url:the url parameter for node

 }

--- a/webapp/web/js/visualization/coauthorship/person_level.js
+++ b/webapp/web/js/visualization/coauthorship/person_level.js
@ -0,0 +1,274 @@
+function getWellFormedURLs(given_uri, type) {
+
+	// general best practice is to put javascript code inside document.ready
+	// but in this case when i do that the function does not get called
+	// properly.
+	// so removing it for now.
+
+	// $(document).ready(function() {
+
+	if (type == "coauthorship") {
+
+		var finalURL = $.ajax({
+			url: contextPath + "/admin/visQuery",
+			data: ({vis: "utilities", vis_mode: "COAUTHORSHIP_URL", uri: given_uri}),
+			dataType: "text",
+			async: false,
+			success:function(data){
+			// console.log("COA - " + data);
+		}
+		}).responseText;
+
+		return finalURL;
+
+
+	} else if (type == "profile") {
+
+		var finalURL = $.ajax({
+			url: contextPath + "/admin/visQuery",
+			data: ({vis: "utilities", vis_mode: "PROFILE_URL", uri: given_uri}),
+			dataType: "text",
+			async: false,
+			success:function(data){
+		}
+		}).responseText;
+
+		return finalURL;
+
+	} else if (type == "image") {
+
+		var finalURL = $.ajax({
+			url: contextPath + "/admin/visQuery",
+			data: ({vis: "utilities", vis_mode: "IMAGE_URL", uri: given_uri}),
+			dataType: "text",
+			async: false,
+			success:function(data){
+		}
+		}).responseText;
+
+		return finalURL;
+
+	} else if (type == "profile_info") {
+
+		var profileInfoJSON = $.ajax({
+			url: contextPath + "/admin/visQuery",
+			data: ({vis: "utilities", vis_mode: "PROFILE_INFO", uri: given_uri}),
+			dataType: "json",
+			async: false,
+			success:function(data){
+		}
+		}).responseText;
+
+		return profileInfoJSON;
+
+	}
+	
+	// });
+}
+
+$.fn.image = function(src, successFunc, failureFunc){
+	return this.each(function(){ 
+		var profileImage = new Image();
+		profileImage.src = src;
+		profileImage.width = 150;
+		profileImage.onerror = failureFunc;
+		profileImage.onload = successFunc;
+		
+		
+		return profileImage;
+	});
+}
+
+function setProfileImage(imageContainerID, rawPath, contextPath) {
+	
+	if (imageContainerID == "") {
+		return;
+	}
+	
+	
+	var imageLink =  contextPath + rawPath;
+	
+	var imageContainer = $("#" + imageContainerID);
+	imageContainer.image(imageLink, 
+			function(){
+		imageContainer.empty().append(this); 
+	},
+	function(){
+		 //For performing any action on failure to
+		 //find the image.
+		imageContainer.empty();
+	}
+	);
+	
+}
+
+function setProfileMoniker(monikerContainerID, moniker) {
+	
+	if (monikerContainerID == "") {
+		return;
+	}
+	
+	$("#" + monikerContainerID).empty().text(moniker);
+	
+}
+
+function setProfileName(nameContainerID, name) {
+	
+	if (nameContainerID == "") {
+		return;
+	}
+	
+	$("#" + nameContainerID).empty().text(name);
+	
+	
+}
+
+function processProfileInformation(nameContainerID,
+								   monikerContainerID,
+								   imageContainerID,
+								   profileInfoJSON) {
+	
+	
+	var name, imageRawPath, imageContextPath, moniker;
+	
+	$.each(profileInfoJSON, function(key, set){
+		
+		 if (key.search(/imageThumb/i) > -1) {
+			 
+			 imageRawPath = set[0];
+			 
+		 } else if (key.search(/imageContextPath/i) > -1) {
+			 
+			 imageContextPath = set[0];
+			 
+		 } else if (key.search(/moniker/i) > -1) {
+			 
+			 moniker = set[0];
+			 
+		 } else if (key.search(/label/i) > -1) {
+			 
+			 name = set[0];
+			 
+		 }
+		 
+      });
+	
+	setProfileName(nameContainerID, name);
+	setProfileMoniker(monikerContainerID, moniker);
+	setProfileImage(imageContainerID, imageRawPath, imageContextPath);
+	
+}
+
+
+
+function nodeClickedJS(json){
+	
+	var obj = jQuery.parseJSON(json);
+
+	$("#newsLetter").attr("style","visibility:visible");
+	$("#authorName").empty().append(obj.name);
+	$("#works").empty().append(obj.number_of_authored_works);
+
+	/*
+	 * Here obj.url points to the uri of that individual
+	 */
+	if(obj.url){
+		$("#profileUrl").attr("href", getWellFormedURLs(obj.url, "profile"));
+		$("#coAuthorshipVisUrl").attr("href", getWellFormedURLs(obj.url, "coauthorship"));
+		processProfileInformation("", 
+								  "profileMoniker",
+								  "profileImage",
+								  jQuery.parseJSON(getWellFormedURLs(obj.url, "profile_info")));
+
+	} else{
+		$("#profileUrl").attr("href","#");
+		$("#coAuthorshipVisUrl").attr("href","#");
+	}
+
+	$("#coAuthorName").empty().append(obj.name);	
+
+	$("#coAuthors").empty().append(obj.num_coauthors);	
+	$("#firstPublication").empty().append((obj.earliest_publication)?obj.earliest_publication+" First Publication":"");
+	$("#lastPublication").empty().append((obj.latest_publication)?obj.latest_publication+" Last Publication":"");
+
+	// obj.url:the url parameter for node
+
+}
+
+function renderSparklineVisualization(visualizationURL) {
+	
+	 $(document).ready(function() {
+		 
+	//$("#ego_sparkline").empty().html('<img src="${loadingImageLink}" />');
+
+	   $.ajax({
+		   url: visualizationURL,
+		   dataType: "html",
+		   success:function(data){
+		     $("#ego_sparkline").html(data);
+
+		   }
+		 });
+	   
+	   
+	 });
+
+}
+
+function renderCoAuthorshipVisualization() {
+
+	//Version check for the Flash Player that has the ability to start Player
+	//Product Install (6.0r65)
+	var hasProductInstall = DetectFlashVer(6, 0, 65);
+	
+	//Version check based upon the values defined in globals
+	var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
+	
+	if ( hasProductInstall && !hasRequestedVersion ) {
+		// DO NOT MODIFY THE FOLLOWING FOUR LINES
+		// Location visited after installation is complete if installation is
+		// required
+		var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";
+		var MMredirectURL = window.location;
+		document.title = document.title.slice(0, 47) + " - Flash Player Installation";
+		var MMdoctitle = document.title;
+	
+		AC_FL_RunContent(
+				"src", "playerProductInstall",
+				"FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
+				"width", "600",
+				"height", "800",
+				"align", "middle",
+				"id", "CoAuthor",
+				"quality", "high",
+				"bgcolor", "#ffffff",
+				"name", "CoAuthor",
+				"allowScriptAccess","sameDomain",
+				"type", "application/x-shockwave-flash",
+				"pluginspage", "http://www.adobe.com/go/getflashplayer"
+		);
+	} else if (hasRequestedVersion) {
+		// if we've detected an acceptable version
+		// embed the Flash Content SWF when all tests are passed
+		AC_FL_RunContent(
+				"src", swfLink,
+				"flashVars", "graphmlUrl=" + egoCoAuthorshipDataURL,			
+				"width", "600",
+				"height", "800",
+				"align", "middle",
+				"id", "CoAuthor",
+				"quality", "high",
+				"bgcolor", "#ffffff",
+				"name", "CoAuthor",
+				"allowScriptAccess","sameDomain",
+				"type", "application/x-shockwave-flash",
+				"pluginspage", "http://www.adobe.com/go/getflashplayer"
+		);
+	} else {  // flash is too old or we can't detect the plugin
+		var alternateContent = 'Alternate HTML content should be placed here. '
+			+ 'This content requires the Adobe Flash Player. '
+			+ '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';
+		document.write(alternateContent);  // insert non-flash content
+	}
+
+}
--- a/webapp/web/templates/entity/sparklineVisualization.jsp
+++ b/webapp/web/templates/entity/sparklineVisualization.jsp
@ -81,7 +81,7 @@
 			margin-left:24%;
 			margin-top:-2%;
 			position:absolute;
-			width:275px;
+			width:380px;
 		}
 	</style>
 	
--- a/webapp/web/templates/visualization/ajax_vis_content.jsp
+++ b/webapp/web/templates/visualization/ajax_vis_content.jsp
@ -1,97 +1,3 @@
-<%--
-
-<p>
-    Number of Publications with NO parseable "Publication Year" => 6
-    <br />
-    {2004=2, 2005=2, 2006=8, DNA=6}
-</p>
-
-<style type="text/css">
-	.sparkline_style table{
-		margin: 0;
-   		padding: 0;
-   		width: auto;
-   		border-collapse: collapse;
-    	border-spacing: 0;
-    	vertical-align: inherit;
-
-	}
-</style>
-
-<script type="text/javascript">
-    function drawVisualization() {
-        var data = new google.visualization.DataTable();
-        data.addColumn('string', 'Year');
-        data.addColumn('number', 'Publications');
-        data.addRows(7);
-        data.setValue(0, 0, '2004');
-        data.setValue(0, 1, 2);
-        data.setValue(1, 0, '2005');
-        data.setValue(1, 1, 2);
-        data.setValue(2, 0, '2006');
-        data.setValue(2, 1, 8);
-        data.setValue(3, 0, '2007');
-        data.setValue(3, 1, 0);
-        data.setValue(4, 0, '2008');
-        data.setValue(4, 1, 0);
-        data.setValue(5, 0, '2009');
-        data.setValue(5, 1, 0);
-        data.setValue(6, 0, '2010');
-        data.setValue(6, 1, 0);
-        var fullSparklineView = new google.visualization.DataView(data);
-        var shortSparklineView = new google.visualization.DataView(data);
-        shortSparklineView.setColumns([1]);
-        fullSparklineView.setColumns([1]);
-        shortSparklineView.setRows(data.getFilteredRows([{
-            column: 0,
-            minValue: '2001',
-            maxValue: '2010'}]));
-        var full_spark = new google.visualization.ImageSparkLine(document.getElementById('pub_count_full_sparkline_viz'));
-        full_spark.draw(fullSparklineView, {
-            width: 63,
-            height: 21,
-            showAxisLines: false,
-            showValueLabels: false,
-            labelPosition: 'none'
-        });
-        var short_spark = new google.visualization.ImageSparkLine(document.getElementById('pub_count_short_sparkline_viz'));
-        short_spark.draw(shortSparklineView, {
-            width: 63,
-            height: 21,
-            showAxisLines: false,
-            showValueLabels: false,
-            labelPosition: 'none'
-        });
-        var shortSparkRows = shortSparklineView.getViewRows();
-        var renderedShortSparks = 0;
-        $.each(shortSparkRows, function(index, value) {
-            renderedShortSparks += data.getValue(value, 1);
-        });
-        var shortSparksText = '<p>' + renderedShortSparks + ' Papers with year from ' + ' 18 ' + ' total' + '</p>';
-        $(shortSparksText).prependTo('#pub_count_short_sparkline_viz');
-        var allSparksText = '<p><b>Full Timeline</b> ' + 12 + ' Papers with year from ' + ' 18 ' + ' total' + '</p>';
-        $(allSparksText).prependTo('#pub_count_full_sparkline_viz');
-    }
-    $(document).ready(function() {
-        if ($('#pub_count_short_sparkline_viz').length == 0) {
-            $('<div/>', {
-                'id': 'pub_count_short_sparkline_viz',
-                'class': 'sparkline_style'
-
-            }).appendTo('#ajax_recipient');
-        }
-        if ($('#pub_count_full_sparkline_viz').length == 0) {
-            $('<div/>', {
-                'id': 'pub_count_full_sparkline_viz',
-                'class': 'sparkline_style'
-            }).appendTo('#ajax_recipient');
-        }
-        drawVisualization();
-    });
-</script>
-
--%>
-
 ${requestScope.visContentCode}

 ${requestScope.visContextCode}
--- a/webapp/web/templates/visualization/co_authorship.jsp
+++ b/webapp/web/templates/visualization/co_authorship.jsp
@ -79,9 +79,9 @@ var contextPath = "${contextPath}";
 			cursor:pointer;
 			height:36px;
 			margin-left:24%;
-			margin-top:-18%;
+			/*margin-top:-18%;*/
 			position:absolute;
-			width:380px;
+			width:471px;
 		}
 	</style>
 	
--- a/webapp/web/templates/visualization/person_level.jsp
+++ b/webapp/web/templates/visualization/person_level.jsp
@ -0,0 +1,277 @@
+<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
+
+<c:set var="portalBean" value="${requestScope.portalBean}" />
+<c:set var="portalBean" value="${requestScope.portalBean}" />
+<c:set var="themeDir">
+	<c:out value="${portalBean.themeDir}" />
+</c:set>
+<c:set var="contextPath">
+	<c:out value="${pageContext.request.contextPath}" />
+</c:set>
+
+<c:url var="egoCoAuthorshipDataURL" value="/admin/visQuery">
+	<c:param name="vis" value="coauthorship" />
+	<c:param name="render_mode" value="data" />
+	<c:param name="uri" value="${requestScope.egoURIParam}" />
+	<c:param name="labelField" value="name" />
+</c:url>
+
+
+<c:url var="egoSparklineVisURL" value="/admin/visQuery">
+	<c:param name="render_mode" value="dynamic"/>
+	<c:param name="container" value="ego_sparkline"/>
+	<c:param name="vis" value="person_pub_count"/>
+	<c:param name="vis_mode" value="full"/>
+	<c:param name="uri" value="${requestScope.egoURIParam}"/>
+</c:url>
+
+<c:url var="jquery" value="/js/jquery.js" />
+<c:url var="adobeFlashDetector" value="/js/visualization/coauthorship/AC_OETags.js" />
+<c:url var="coAuthorShipJavaScript" value="/js/visualization/coauthorship/co_authorship.js" />
+<c:url var="googleVisualizationAPI" value="http://www.google.com/jsapi?autoload=%7B%22modules%22%3A%5B%7B%22name%22%3A%22visualization%22%2C%22version%22%3A%221%22%2C%22packages%22%3A%5B%22areachart%22%2C%22imagesparkline%22%5D%7D%5D%7D"/>
+<c:url var="style" value="/${themeDir}css/visualization/coauthorship/style.css" />
+<c:url var="noImage" value="/${themeDir}site_icons/visualization/coauthorship/no_image.png" />
+<c:url var="swfLink" value="/${themeDir}site_icons/visualization/coauthorship/CoAuthor.swf" />
+
+
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+
+
+<title>Co-Authorship Visualization</title>
+
+<script type="text/javascript" src="${adobeFlashDetector}"></script>
+
+
+<script language="JavaScript" type="text/javascript">
+<!--
+// -----------------------------------------------------------------------------
+// Globals
+// Major version of Flash required
+var requiredMajorVersion = 10;
+// Minor version of Flash required
+var requiredMinorVersion = 0;
+// Minor version of Flash required
+var requiredRevision = 0;
+// -----------------------------------------------------------------------------
+
+
+var swfLink = "${swfLink}";
+var egoCoAuthorshipDataURL = "${egoCoAuthorshipDataURL}";
+var contextPath = "${contextPath}";
+
+
+// -->
+</script>
+
+<script type="text/javascript" src="${jquery}"></script>
+<script type="text/javascript" src="${googleVisualizationAPI}"></script>
+<link href="${style}" rel="stylesheet" type="text/css" />
+
+<script type="text/javascript" src="${coAuthorShipJavaScript}"></script>
+
+<style type="text/css">
+		#ego_sparkline {
+			cursor:pointer;
+			height:36px;
+			margin-left:24%;
+			/*margin-top:-18%;*/
+			position:absolute;
+			width:471px;
+		}
+	</style>
+	
+</head>
+
+<body>
+
+
+<div id="body">
+
+                    
+<%-- Label --%>
+<div class="datatypePropertyValue">
+	<div class="statementWrap">
+		<span id="ego_label"></span>
+    </div>
+</div>
+
+<%-- Moniker--%>                       
+<div class="datatypeProperties">
+    <div class="datatypePropertyValue">
+        <div class="statementWrap">
+            <span id="ego_moniker" class="moniker"></span>                       
+        </div>
+    </div>
+</div>
+    
+<%-- Image --%>  
+<div class="datatypeProperties">
+    <div class="datatypePropertyValue">
+        <div id="ego_profile-image" class="statementWrap thumbnail"> 
+        </div>
+    </div>
+</div> 
+
+<%-- Sparkline --%>  
+<div class="datatypeProperties">
+    <div class="datatypePropertyValue">
+        <div id="ego_sparkline">
+        
+        ${requestScope.egoURIParam}
+         
+        </div>
+    </div>
+</div> 
+
+	             
+<div id="topShadow"></div>
+<div id="bodyPannel" style="height: 900px;"><br class="spacer" />
+<div id="visPanel" style="float: left; width: 610px;">
+
+<script type="text/javascript">
+
+<!--
+
+renderCoAuthorshipVisualization();
+
+//-->
+
+</script>
+
+
+</div>
+<div id="dataPanel" style="float: left; width: 150px;"><br />
+<br />
+<br />
+<br />
+<br />
+<br />
+
+	<div id="newsLetter" style="visibility: hidden">
+		<span class="nltop"></span>
+		<div class="middle" id="nodeData">
+		<div id="profileImage"></div>
+		<div class="bold"><strong><span id="authorName">&nbsp;</span></strong></div>
+		<div class="italicize"><span id="profileMoniker"></span></div>
+		<div class="works"><span class="numbers" style="width: 40px;"
+			id="works">6</span>&nbsp;&nbsp;<span class="title">Works</span></div>
+		<div class="works"><span class="numbers" style="width: 40px;"
+			id="coAuthors">78</span>&nbsp;&nbsp;<span>Co-author(s)</span></div>
+		<br />
+		<div id="firstPublication"><span></span>&nbsp;<span>First
+		Publication</span></div>
+		<div id="lastPublication"><span></span>&nbsp;Last Publication</div>
+		<br />
+		<div><a href="#" id="profileUrl">VIVO profile</a></div>
+		<br />
+		<div><a href="#" id="coAuthorshipVisUrl">Co-author network of <span id="coAuthorName"></span></a></div>
+		</div>
+		<br class="spacer"> <span class="nlbottom"></span>
+	</div>
+
+</div>
+
+Download co-authorship newtwork as <a href="/vivo1/admin/visQuery?uri=http%3A%2F%2Fvivo.library.cornell.edu%2Fns%2F0.1%23individual5748&amp;vis=person_pub_count&amp;render_mode=data">.graphml</a> file.
+
+<div id="bottomShadow"></div>
+
+
+</div>
+
+<br class="spacer" />
+
+<table id="publications_data_table">
+	<caption>Publications per year</caption>
+	<thead>
+		<tr>
+			<th>Year</th>
+			<th>Publications</th>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td>2004</td>
+			<td>4</td>
+		</tr>
+		<tr>
+			<td>2005</td>
+			<td>2</td>
+		</tr>
+		<tr>
+			<td>11</td>
+		</tr>
+		<tr>
+			<td>Unknown</td>
+			<td>1</td>
+		</tr>
+	</tbody>
+</table>
+
+Download data as <a href="/vivo1/admin/visQuery?uri=http%3A%2F%2Fvivo.library.cornell.edu%2Fns%2F0.1%23individual5748&amp;vis=person_pub_count&amp;render_mode=data">.csv</a> file.
+
+<table id="coauthorships_data_table">
+	<caption>Co - Authorhips</caption>
+	<thead>
+		<tr>
+			<th>Name</th>
+			<th>Publications</th>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td>2004</td>
+			<td>4</td>
+		</tr>
+		<tr>
+			<td>2005</td>
+			<td>2</td>
+		</tr>
+		<tr>
+			<td>11</td>
+		</tr>
+		<tr>
+			<td>Unknown</td>
+			<td>1</td>
+		</tr>
+	</tbody>
+</table>
+
+
+
+
+</div>
+<script>
+$(document).ready(function(){
+
+	processProfileInformation("ego_label", 
+							  "ego_moniker",
+							  "ego_profile-image",
+							  jQuery.parseJSON(getWellFormedURLs("${requestScope.egoURIParam}", "profile_info")));
+
+	renderSparklineVisualization("${egoSparklineVisURL}");
+	
+
+	var obj = jQuery.parseJSON('{"name":"John"}');
+	//console.log(obj)
+
+	var obj = jQuery.parseJSON('{"imageOffset2":["sup"],"A":["2001","2002","2003","2090","Unknown"],"B":["2001","2002","2003","2090","Unknown"],"C":["2001","2002","2003","2090","Unknown"],"imageOffset":["2090","2002","2003","2001"]}');
+	//console.log(obj)
+
+	 $.each(obj, function(i, item){
+		 //console.log("i - " + i + " item - " + item);
+				$.each(item, function(index, vals) {
+						//console.log(index + " - val - " + vals);
+					});
+		 
+       });
+	
+});
+</script>
+
+</body>
+</html>
--- a/webapp/web/templates/visualization/publication_count.jsp
+++ b/webapp/web/templates/visualization/publication_count.jsp
@ -1,3 +1,5 @@
+<%@ page import="edu.cornell.mannlib.vitro.webapp.visualization.personpubcount.VisVOContainer" %>
+
 <%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
 <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>