-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
70 lines (70 loc) · 3.47 KB
/
index.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
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<title>Co-authorship Graph</title>
<link rel="stylesheet" href="graph.css">
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="graph.js"></script>
</head>
<body>
<div class="conf">
<form action="?" method="GET">
Show nodes:
<input type="checkbox" id="enable_professors" name="professors" value="1" checked>Professors</input>
<input type="checkbox" id="enable_students" name="students" value="1" checked>Students/Alumni/Pos-doc</input>
<input type="checkbox" id="enable_external" name="external" value="1" checked>External/Others</input>
Dataset:
<select name="dataset" id="dataset">
<option value="PUCRIO-INF-2017-2020">PUCRIO-INF-2017-2020</option>
<option value="PUCRS-PPGCC-2017-2020">PUCRS-PPGCC-2017-2020</option>
<option value="UFES-PPGI-2017-2020">UFES-PPGI-2017-2020</option>
<option value="UFMG-PPGCC-2017-2020">UFMG-PPGCC-2017-2020</option>
<option value="UFPE-CIn-2017-2020">UFPE-CIn-2017-2020</option>
<option value="UFRGS-PGMicro-2017-2020">UFRGS-PGMicro-2017-2020</option>
<option value="UFRGS-PPGC-2017-2020">UFRGS-PPGC-2017-2020</option>
<option value="UFRGS-PPGIE-2017-2020">UFRGS-PPGIE-2017-2020</option>
<option value="UFRJ-PESC-COPPE-2017-2020">UFRJ-PESC-COPPE-2017-2020</option>
<option value="UnB-PPGI-2017-2020">UnB-PPGI-2017-2020</option>
<option value="UNICAMP-IC-2017-2020">UNICAMP-IC-2017-2020</option>
<option value="UNISINOS-PPGCA-2017-2020">UNISINOS-PPGCA-2017-2020</option>
<option value="USP-SC-ICMC-2017-2020">USP-SC-ICMC-2017-2020</option>
</select>
<input type="submit" value="Go"/>
<a href="https://github.com/julianowick/ppgc-analysis" target="_blank">Source code</a>
</form>
</div>
<div class="container">
<div class="info" id="info">
<h1>Graph Information</h1>
<table>
<tr>
<th align="left">Nodes (authors):<th>
<td id="info-nodes"></td>
</tr>
<tr>
<th align="left">Edges (co-authorhip relations):<th>
<td id="info-links"></td>
</tr>
</table>
<hr/>
<h1>Node Information</h1>
<div id="node-info"><p>Select a Node</p></div>
<hr/>
<h1>Edge Information</h1>
<div id="edge-info"><p>Select an Edge</p></div>
<hr/>
<h1>Legend</h1>
<p>Color (research area)</p>
<div id="legend-colors"></div>
<p>Size (# papers)</p>
<div id="legend-sizes"></div>
<p>Shape (group)</p>
<div id="legend-shapes"></div>
</div>
<div class="graph" id="graph"></div>
</div>
</body>
</html>