-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathvisualization.html
101 lines (86 loc) · 4.45 KB
/
visualization.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
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Connectome</title>
<!-- Fonts -->
<link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- Styles -->
<link href="style/style.css" rel="stylesheet" type="text/css">
<!-- Scripts -->
<script type="text/javascript" src="js/external-libraries/three.min.js"></script>
<script type="text/javascript" src="js/external-libraries/MeshLine.js"></script>
<script type="text/javascript" src="js/external-libraries/TrackballControls.js"></script>
<script type="text/javascript" src="js/external-libraries/papaparse.min.js"></script>
<script type="text/javascript" src="js/external-libraries/Projector.js"></script>
<script type="text/javascript" src="js/external-libraries/queue.js"></script>
<script type="text/javascript" src="js/external-libraries/d3.min.js" ></script>
<script type="text/javascript" src="js/external-libraries/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/external-libraries/colorbrewer.js"></script>
<script type="text/javascript" src="js/external-libraries/math.min.js"></script>
<script type="text/javascript" src="js/utils/Dijkstra.js"></script>
<script type="text/javascript" src="js/utils/scale.js"></script>
<script type="text/javascript" src="js/utils/parsingData.js"></script>
<script type="text/javascript" src="js/utils/gpu-forcebundling.js"></script>
<script type="text/javascript" src="js/utils/GPGPUtility.js"></script>
<script type="text/javascript" src="js/utils/arrayUtilities.js"></script>
<script type="text/javascript" src="js/GUI.js"></script>
<script type="text/javascript" src="js/atlas.js"></script>
<script type="text/javascript" src="js/model.js"></script>
<script type="text/javascript" src="js/graphicsUtils.js"></script>
<script type="text/javascript" src="js/polyhedron.js"></script>
<script type="text/javascript" src="js/drawing.js"></script>
<script type="text/javascript" src="js/previewArea.js"></script>
<!--all VR related scripts-->
<script src="js/external-libraries/vr/VRControls.js"></script>
<script src="js/external-libraries/vr/VREffect.js"></script>
<!--Required for the Oculus Touch-->
<script src="js/external-libraries/vr/ViveController.js"></script>
<script src="js/external-libraries/vr/GearVRController.js"></script>
<script src="js/external-libraries/vr/OBJLoader.js"></script>
<!--A polyfill for WebVR using the Device{Motion,Orientation}Event API.-->
<script src="js/external-libraries/vr/webvr-polyfill.min.js"></script>
<!--A set of UI controls for entering VR mode.-->
<script src="js/external-libraries/vr/webvr-ui.min.js"></script>
<script src="js/main.js"></script>
</head>
<body>
<div id = "canvas">
<div id = "canvasLeft"></div>
<div id = "canvasRight"></div>
</div>
<svg class = "menu" id="legend"></svg>
<div class = "menu" id ="shortestPath"></div>
<div class ="menu" id="colorCoding">
<label for="colorCodingMenu">ColorCoding: </label>
<select id = "colorCodingMenu" class = "jumpmenu"></select>
</div>
<div class = "menu" id ="viewLeft">
<label id = "subjectMenuLeftLabel" for="subjectMenuLeft">Subject: </label>
<select id = "subjectMenuLeft" class = "jumpmenu"></select>
<label id = "topologyMenuLeftLabel" for="topologyMenuLeft">Coordinate System: </label>
<select id = "topologyMenuLeft" class = "jumpmenu"></select>
<button type = 'button' id = 'syncLeft' >Sync</button>
</div>
<div class = "menu" id ="viewRight">
<label id = "subjectMenuRightLabel" for="subjectMenuRight">Subject: </label>
<select id = "subjectMenuRight" class = "jumpmenu"></select>
<label id = "topologyMenuRightLabel" for="topologyMenuRight">Coordinate System: </label>
<select id = "topologyMenuRight" class = "jumpmenu"></select>
<button type = 'button' id = 'syncRight' >Sync</button>
</div>
<div id="vrLeft">
<div id="vrButtonLeft"></div>
<a id="magicWindowLeft" href="#">Maximize</a>
</div>
<div id="vrRight">
<div id="vrButtonRight"></div>
<a id="magicWindowRight" href="#">Maximize</a>
</div>
<div class = "menu" id ="rightFslLabels"></div>
<div class = "menu" id = "nodeInfoPanel"></div>
<div class = "menu" id = "edgeInfoPanel"></div>
<div class = 'menu' id = 'leftFslLabels'></div>
<div class = 'menu' id = 'search'></div>
</body>
</html>