-
Notifications
You must be signed in to change notification settings - Fork 11
/
tour.html
45 lines (41 loc) · 1.24 KB
/
tour.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
<html>
<head>
<link rel="stylesheet" href="../css/bootstrap.css"/>
<link rel="stylesheet" href="../css/style.css"/>
<link rel="stylesheet" href="../css/mchighlight-javascript.css"/>
<link type="text/css" href="../../lib/ui-lightness/jquery-ui-1.10.4.custom.css" rel="stylesheet" />
<script src="../../lib/jquery-2.1.0.min.js"></script>
<script src="../../lib/underscore-min.js"></script>
<script src="../../lib/jquery-ui-1.10.4.custom.js"></script>
<script src="../../lux.js"></script>
<script src="../../data.js"></script>
<script src="tour.js"></script>
<style>
.ui-slider .ui-slider-handle {
width: 18px;
height: 18px;
}
#pointsize, #pointalpha, #strokewidth {
top: 4px;
width: 300px;
height: 10px;
float: left;
clear: left;
margin-right: 18px;
}
</style>
</head>
<body>
<div class="body">
<div class="content">
<h1>Grand Tour in Lux</h1>
<canvas id="scatterplot" width="400" height="400"></canvas>
<div style="text-align: right">View the <a href="tour.js">full source</a>.</div>
<div style="margin:20px"></div>
<div> Point size <div id="pointsize"></div> </div>
<div> Point alpha <div id="pointalpha"></div> </div>
<div> Stroke width <div id="strokewidth"></div> </div>
</div>
</div>
</body>
</html>