-
Notifications
You must be signed in to change notification settings - Fork 0
/
hmap1.html
65 lines (61 loc) · 2.01 KB
/
hmap1.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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Multivariate Anomaly Detection Heatmap</title>
<style>
body {
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
box-sizing: border-box;
padding:20px;
}
#draggableParent {
padding: 0.5em;
border: 2px solid black;
position: absolute;
top: 0;
left: 0;
background-color:white;
display: none;
height: 300px;
width: 600px;
cursor: move;
}
#draggable {
height: 100%;
}
</style>
<link rel="stylesheet" href="js/jquery-ui.css">
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/math.min.js"></script>
<script src="js/plotly-latest.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/hmap1.js"></script>
</head>
<body>
<div id='loader' style='display: flex;align-items: center; '>
<strong style='float:right; color:orange;'> loading, please wait... </strong>
</div>
<table>
<tr>
<td>
<label><input type="checkbox" name="ysortchk" id="ysortchk" checked>sort testcases by sum(Z) values</label>
</td>
</tr>
<tr>
<td>
<label><input type="checkbox" name="colorscalechk" id="colorscalechk" checked>enable colorscale filter (Z > 2.5)</label>
</td>
</tr>
</table>
<div id="graphParent" style='height:100%;'></div>
<style>
</style>
<div id="draggableParent" class="ui-widget-content">
<div id="draggable">
Drag me around
</div>
<label style="position: absolute; bottom: 5px; right: 25px;"><input type="checkbox" name="chk_data_key" id="chk_data_key" checked>include outliers</label>
</div>
</body>
</html>