-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdemos.html
95 lines (92 loc) · 3.93 KB
/
demos.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Soil analysis</title>
<script src="lib/d3.js"></script>
<script src="lib/jquery.js"></script>
<script src="lib/plotly-latest.min.js"></script>
<script src="lib/simple-statistics.min.js"></script>
<script src="lib/kriging.js"></script>
<!--for the slider-->
<script src="lib/d3-simple-slider.js"></script>
<!--main code-->
<link href="css/main.css" rel="stylesheet"/>
<!--JS + CSS needed for ms dropdown-->
<link href="css/msdropdown/dd.css" rel="stylesheet" type="text/css"/>
<script src="js/msdropdown/jquery.dd.js"></script>
<!--end about ms dropdown-->
<!--for the correlation-->
<script src="js/colorschemes.js"></script>
<script src="js/globalsettings.js"></script>
<script src="js/2dsettings.js"></script>
<script src="js/correlation.js"></script>
<script src="js/linearregression.js"></script>
<script src="js/forcedirectedlayout.js"></script>
</head>
<body>
<div id="profileDiv" style="height: 70px;">
<div style="float: left;">
<div id="profileContainerDiv"></div>
<div id="menu">
<input id="toggleGraphTopMenu" onchange="toggleGraphTopMenu()" type="checkbox"/>
<label for="contourPlotTypeR">Toggle graph top menu</label>
</div>
</div>
<div style="float:right; margin-top: 0px; margin-right: 20px;">
<img src="images/scanme.png" width="80px" height="80px"/>
</div>
</div>
<div class="loader"></div>
<div id="page">
<div class="roundedBorder" id="corcoefGraphDiv">
<div id="corcoefGraphTitle">Correlation graph</div>
<svg id="corcoefGraph"></svg>
</div>
<div class="roundedBorder" id="scatterPlot"></div>
<div id="contourControlPanel">
<input id="contourPlotTypeS" name="plotType" onchange="plotTypeChange()" type="radio" value="ContourS"/>
<label for="contourPlotTypeS">Contour Smooth</label>
<input checked id="contourPlotTypeR" name="plotType" onchange="plotTypeChange()" type="radio" value="ContourR"/>
<label for="contourPlotTypeR">Contour Rough</label>
<input id="heatmapPlotType" name="plotType" onchange="plotTypeChange()" type="radio" value="Heatmap"/>
<label for="heatmapPlotType">Heatmap,</label>
<label for="colorScaleSelect"> Color scale</label>
<select id="colorScaleSelect" name="colorScaleSelect" onchange="colorScaleChange()">
<option>5 Levels</option>
<option>10 Levels</option>
<option selected>20 Levels</option>
</select>
</div>
<div class="contourRoundedBorder" id="contour1Div">
<div class="contour" id="contour1" style="height: 550px; width: 460px;"></div>
<div id="option1Container" style="z-index: 999"></div>
<div id="plotOpacity1">
<svg height="100%" width="100%"></svg>
</div>
</div>
<div class="contourRoundedBorder" id="contour2Div">
<div class="contour" id="contour2" style="height: 550px; width: 460px;"></div>
<div id="option2Container" style="z-index: 999"></div>
<div id="plotOpacity2">
<svg height="100%" width="100%"></svg>
</div>
</div>
<div class="contourRoundedBorder" id="boxPlot1Div">
<div class="boxPlot" id="boxPlot1" style="height: 596px; width: 460px;"></div>
</div>
<div class="contourRoundedBorder" id="boxPlot2Div">
<div class="boxPlot" id="boxPlot2" style="height: 596px; width: 460px;"></div>
</div>
<div class="contourRoundedBorder" id="curvePlot1Div">
<div class="boxPlot" id="curvePlot1" style="height: 596px; width: 460px;"></div>
</div>
<div class="contourRoundedBorder" id="curvePlot2Div">
<div class="boxPlot" id="curvePlot2" style="height: 596px; width: 460px;"></div>
</div>
</div>
<!--main data processing file-->
<script src="js/dataprocessing.js"></script>
<script src="js/main.js"></script>
</body>
</html>