-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
38 lines (28 loc) · 2.03 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
<!DOCTYPE html>
<meta charset="utf-8" />
<head>
<link rel='shortcut icon' href='favicon.ico' type='image/x-icon'/ >
<link rel="stylesheet" type="text/css" href="src/style.css" />
<script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="https://d3js.org/colorbrewer.v1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
</head>
<body onresize="resize()">
<div id="info">
Prototype sketch-based visual query system for our VAST 2016 <a href="http://graphics.cs.wisc.edu/Papers/2016/CG16/" target="_blank" >paper</a>. Documentation available <a href="https://github.com/uwgraphics/SketchQuery" target="_blank">here</a>.
</div>
<div id="multiples"></div>
<div id="results"></div>
<div id="search"></div>
<div id="searchOption">
<table class="searchTable">
<tr><td>Find the top <input type="number" defaultvalue="5" id="n" max="10" min="1" name="n" step="1" value="5" /> series. Show results <select id="resultMode" name="resultMode"><option value="0">in seperate graphs</option><option value="1">in the same graph</option></select>.</td><td>X Position</td><td>Y Position</td><td>Noise</td><td>Amplitude</td><td>Warp</td></tr>
<tr><td>Use <select id="queryMode" onchange="setInvariants()" name="queryMode"><option value="0">MSE (value matching)</option><option value="1">Hough (pattern matching)</option><option value="2">DTW (time warped value matching)</option></select>, ignoring: </td><td><input type="checkbox" name="xpos" value="XPos" id="XPos" /></td><td><input type="checkbox" name="ypos" value="YPos" id="YPos" disabled="true" /></td><td><input type="checkbox" name="noise" value="Noise" id="Noise" /></td><td><input type="checkbox" name="amp" value="Amp" id="Amp" disabled="true"/></td><td><input type="checkbox" name="warp" value="Warp" id="Warp" disabled="true" /></td></tr>
</table>
</div>
<div id="searchUI">
<img id="loading" src="imgs/loading.gif" />
</div>
<script src="src/main.js" charset="utf-8"></script>
</body>
</html>