-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathWeightedtreeTest.html
109 lines (77 loc) · 3.44 KB
/
WeightedtreeTest.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Paper information dendrogram </title>
<!-- We use google fonts for many of the examples, but they are not necessary -->
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto|Raleway:600,400,200' rel='stylesheet' type='text/css'>
<!-- Test container style sheets -->
<link rel="stylesheet" href="styles/examples.css">
<!-- Vizuly specific style sheets -->
<link rel="stylesheet" href="styles/styles/vizuly.css">
<link rel="stylesheet" href="styles/styles/vizuly_weightedtree.css">
<!-- Supporting test container files: Vizuly does NOT rely on these -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="styles/styles/cssmenu.css">
<script type="text/javascript" src="styles/jquery-2.1.1.min.js"></script>
<script src="styles/cssmenu.js"></script>
<!-- D3.js ... of course! -->
<script src="lib/d3.min.js"></script>
<!-- debug source scripts: start --> <!--
<script src="src/core/_namespace.js"></script>
<script src="src/core/component.js"></script>
<script src="src/core/data.js"></script>
<script src="src/core/util.js"></script>
<script src="src/core/format.js"></script>
<script src="src/svg/gradient.js"></script>
<script src="src/svg/filter.js"></script>
<script src="src/viz/weightedtree.js"></script>
<script src="src/theme/weightedtree.js"></script>
--> <!-- debug source scripts: end -->
<script src="lib/vizuly_core.min.js"></script>
<script src="lib/vizuly_weightedtree.min.js"></script>
<script src="weightedtree_test.js"></script>
</head>
<body>
<h1 align="center">Discovering paper influence </h1>
<!-- Our main content container-->
<div class="container" style="width:100%">
<div id="viz_container" class="z-depth-3">
</div>
<div style="margin-left:0px; height:0px; width:90%; margin:0px auto; margin-top:20px; font-family:Raleway; font-size:14px;">
This Dendrogram shows the papers in the nips collection categorized by year range and their topic. By clicking on a paper its citations show up as well.
</div>
</div>
<script>
//Once the document is ready we set javascript and page settings
var screenWidth;
var screenHeight;
$(document).ready(function () {
var rect;
if (self==top) {
rect = document.body.getBoundingClientRect();
}
else {
rect = parent.document.body.getBoundingClientRect();
}
//Set display size based on window size.
screenWidth = (rect.width < 960) ? Math.round(rect.width*1) : Math.round((rect.width ) *1);
screenHeight=950;
d3.select("#currentDisplay")
.attr("item_value", (String(screenWidth) + "," + String(screenHeight)))
.attr("class", "selected")
.html("<a>" + screenWidth + "px - " + screenHeight + "px</a>");
$("#cssmenu").menumaker({
title: "VIZULY WEIGHTED TREE",
format: "multitoggle"
});
// Set the size of our container element.
viz_container = d3.selectAll("#viz_container")
.style("width", screenWidth + "px")
.style("height", screenHeight + "px");
loadData();
});
</script>
</body>
</html>