-
Notifications
You must be signed in to change notification settings - Fork 5
Expand file tree
/
Copy pathindex.html
More file actions
56 lines (39 loc) · 1.38 KB
/
index.html
File metadata and controls
56 lines (39 loc) · 1.38 KB
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
<!DOCTYPE html>
<meta charset="utf-8">
<body>
<!-- CSS -->
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="timeseries.css">
<!-- update speed slider -->
<div class="controls-container">
<div class="control-label">
Update every: <span id="slider-value">2500</span> ms
</div>
<div id="update-speed-slider"></div>
</div>
<!-- bar width spinner -->
<div class="controls-container">
<div class="control-label">
Bar width:
</div>
<input id="bar-width-spinner" class="spinner" value="6">
</div>
<!-- sample count spinners -->
<div class="controls-container">
<div class="control-label">
Sample counts:
</div>
<label>2H </label><input id="2h-count-spinner" class="spinner count-spinner" value="24">
<label>1H </label><input id="1h-count-spinner" class="spinner count-spinner" value="24">
<label>1M </label><input id="1m-count-spinner" class="spinner count-spinner" value="60">
<button id="refresh-button">Redraw</button>
</div>
<div id="viz" style="clear: both"></div>
<!-- libs -->
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<!-- demo -->
<script src="timeseries.js"></script>
</body>