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 --> |