-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
92 lines (87 loc) · 3.94 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
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
<!DOCTYPE html>
<html>
<head>
<meta name="keywords" content="spatial, interpolation, gis, programming, javascript, html5" />
<meta name="description" content="Spatial interpolation and its variants" />
<meta name="subject" content="Learning">
<meta name="language" content="EN">
<meta name="robots" content="index,follow" />
<meta name="revised" content="Sunday, July 19th, 2020, 5:15 pm" />
<meta name="abstract" content="Spatial interpolation">
<meta name="topic" content="Spatial interpolation">
<meta name="summary" content="Spatial interpolation">
<meta name="Classification" content="Tutorial">
<meta name="author" content="Senthanal Sirpi Manohar">
<meta name="designer" content="Senthanal Sirpi Manohar">
<meta name="copyright" content="© Copyright 2020 Senthanal Sirpi Manohar">
<meta name="owner" content="Senthanal Sirpi Manohar">
<meta charset="UTF-8">
<title>Spatial Interpolation</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<header>
<h1>Inverse Distance Weighting (IDW) Interpolation</h1>
</header>
<section class="full-width">
<h3 class="full-width">Functional Requirements</h3>
<ul class="full-width">
<li>
Load a csv file through file browser
<a href="sample.csv" download>Download Sample File</a>
</li>
<li>Delimiter can be either <b>space</b> or a <b>single comma</b></li>
<li>The csv file contains 2D matrix of numbers(with column structure as |x-coord, y-coord, value|)</li>
<li>Display the content in a text box or table.</li>
<li>Replace bad zero values by interpolating with spatial neighbours</li>
<li>Write the result in another text box or table.</li>
</ul>
<h3 class="full-width">Limitations</h3>
<ul class="full-width">
<li>Single formatted error message will be displayed when a file is uploaded with any of the following - duplicate data set; missing
coordinates; invalid data such as alphabets and special characters</li>
<li>File holding records inclusive of empty lines will still be processed as the code will automatically
ignore the empty lines and process rest of the dataset</li>
<li>While uploading the same file subsequently, please press the reset button and then upload the file</li>
<li>File containing records with both Space and Comma as delimiters cannot be uploaded</li>
</ul>
</section>
<section>
<article>
<div>
<form name="uploadForm">
<input id="uploadInput" type="file" accept=".csv">
</form>
<input id="reset" type="button" value="Reset">
</div>
<div>Delimiter: <span id="delimiter">?</span></div>
<div>Has header row: <span id="hasHeaderRow">?</span></div>
<div>File size: <span id="fileSize">0</span></div>
<div>Total records: <span id="totalRecords">0</span></div>
<div>No.of bad records: <span id="badRecords">0</span></div>
</article>
<aside>
<div id="inputCsvTable"></div>
</aside>
<aside>
<div id="badCsvTable"></div>
</aside>
<aside>
<div id="interpolatedCsvTable"></div>
</aside>
</section>
<section>
<div id="invalidData"></div>
</section>
<footer>
<div>© Copyright 2020 Senthanal Sirpi Manohar</div>
<div>Disclaimer: Inspired by <a href="https://gisgeography.com/inverse-distance-weighting-idw-interpolation/"
target="_blank">GISGeography</a></div>
</footer>
<script src="Calculate.js"></script>
<script src="FileLoader.js"></script>
<script src="ContentUtils.js"></script>
<script src="ReaderCsv.js"></script>
<script src="index.js"></script>
</body>
</html>