View difference between Paste ID: F9cbEpM8 and tyMRV90C
SHOW: | | - or go back to the newest paste.
1
insert the following code into your HEADER
2
==========================================
3
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <!-- sets the browsers viewport to the device width-->
4
5
<link rel="stylesheet" href="src/style.css" /> <!--embeds the style of the pubViz visualization-->
6
7
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700,600,900' rel='stylesheet' type='text/css'> <!--includes the Google-fonts [source sans pro]-->
8
9
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <!-- includes jQuery -->
10
11
<script src="lib/zotero-bibtex-parse.js" type="text/javascript"></script> <!--includes parser for converting BibTex files into a JSON format -->
12
13
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> <!-- includes d3 javaScript library-->
14
15
<script src="lib/d3.layout.cloud.js"></script> <!-- includes the used layout for the tag clouds in the pubViz visualization-->
16
17
<script src="src/pubvis.js" type="text/javascript" ></script> <!-- includes the core script of the pubViz visualization-->
18
19
20
insert the following code into your BODY
21
========================================
22
23
<script type="text/javascript">
24
25
	$(document).ready(function() {
26
		PUBVIS.make_it_all ({
27
			target : "#pubvis_container", //the node the pubViz visualization will be appended
28
			filename : "file.bib", //the bibTeX filename used for the pubViz visualization
29
			color: "#ffc200" //color name or hex value which will be used for highlighting
30
		        });
31
		    });
32
</script>
33
34
<div id="pubvis_container"></div> <!-- an example for an costumer node on which the pubViz visualization will be append -->