Include build folder
This commit is contained in:
parent
a6800d60d1
commit
0ae60e39aa
1
.gitignore
vendored
1
.gitignore
vendored
@ -1,5 +1,4 @@
|
||||
.vscode/
|
||||
build/
|
||||
dist/
|
||||
node_modules/
|
||||
*.wat
|
||||
|
||||
2
build/benchmarking/3.js
Normal file
2
build/benchmarking/3.js
Normal file
File diff suppressed because one or more lines are too long
1
build/benchmarking/3.js.map
Normal file
1
build/benchmarking/3.js.map
Normal file
File diff suppressed because one or more lines are too long
2
build/benchmarking/4.js
Normal file
2
build/benchmarking/4.js
Normal file
File diff suppressed because one or more lines are too long
1
build/benchmarking/4.js.map
Normal file
1
build/benchmarking/4.js.map
Normal file
File diff suppressed because one or more lines are too long
2
build/benchmarking/5.js
Normal file
2
build/benchmarking/5.js
Normal file
@ -0,0 +1,2 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{306:function(n,o,t){"use strict";t.r(o),t.d(o,"data",function(){return c});const c=[[0,0],[1,1],[1,2],[2,2],[5,5],[5,0],[6,10],[10,10]]}}]);
|
||||
//# sourceMappingURL=5.js.map
|
||||
1
build/benchmarking/5.js.map
Normal file
1
build/benchmarking/5.js.map
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"sources":["webpack:///./src/data/small.js"],"names":["__webpack_require__","r","__webpack_exports__","d","data"],"mappings":"0FAAAA,EAAAC,EAAAC,GAAAF,EAAAG,EAAAD,EAAA,yBAAAE,IAAO,MAAAA,EAAA","file":"5.js","sourcesContent":["export const data = [[0, 0], [1, 1], [1, 2], [2, 2], [5, 5], [5, 0], [6, 10], [10, 10]]\n"],"sourceRoot":""}
|
||||
53
build/benchmarking/bundle.js
Normal file
53
build/benchmarking/bundle.js
Normal file
File diff suppressed because one or more lines are too long
1
build/benchmarking/bundle.js.map
Normal file
1
build/benchmarking/bundle.js.map
Normal file
File diff suppressed because one or more lines are too long
70
build/benchmarking/index.html
Normal file
70
build/benchmarking/index.html
Normal file
@ -0,0 +1,70 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="./style.css" />
|
||||
<style>
|
||||
#status {
|
||||
background-color: bisque;
|
||||
}
|
||||
.form {
|
||||
display: grid;
|
||||
grid-template-columns: auto auto;
|
||||
grid-gap: 10px;
|
||||
align-items: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
input[type='submit'] {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
input,
|
||||
select {
|
||||
min-width: 150px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#root {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
#root > div {
|
||||
margin: 10px 6px;
|
||||
}
|
||||
|
||||
.component {
|
||||
min-width: 300px;
|
||||
flex: 1;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.chartComponent {
|
||||
min-width: 500px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
.chartComponent {
|
||||
min-width: 300px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<h1>Benchmarking</h1>
|
||||
<a href="./loadChart.html">Load previously saved chart</a> |
|
||||
<a href="./results.html">See prepared results</a>
|
||||
</header>
|
||||
<main id="root"></main>
|
||||
<footer>
|
||||
Footer
|
||||
</footer>
|
||||
|
||||
<script src="./bundle.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
71
build/benchmarking/loadChart.html
Normal file
71
build/benchmarking/loadChart.html
Normal file
@ -0,0 +1,71 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="./style.css" />
|
||||
<style>
|
||||
file-drop {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
padding: 10px;
|
||||
background-color: rgba(245, 234, 174, 0.2);
|
||||
overflow: hidden;
|
||||
touch-action: none;
|
||||
}
|
||||
file-drop::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
display: block;
|
||||
left: 2px;
|
||||
top: 2px;
|
||||
right: 2px;
|
||||
bottom: 2px;
|
||||
border: 2px dashed #fff;
|
||||
border-radius: 10px;
|
||||
opacity: 0;
|
||||
transform: scale(0.95);
|
||||
transition: all 200ms ease-in;
|
||||
transition-property: transform, opacity;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.drop-valid::after {
|
||||
background-color: rgba(88, 116, 88, 0.2);
|
||||
border-color: rgba(65, 129, 65, 0.5);
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
transition-timing-function: ease-out;
|
||||
}
|
||||
|
||||
.drop-invalid::after {
|
||||
background-color: rgba(255, 27, 27, 0.2);
|
||||
border-color: rgba(255, 170, 170, 0.5);
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
transition-timing-function: ease-out;
|
||||
}
|
||||
#download {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Load chart</h1>
|
||||
<a href="./index.html">Back to benchmark</a>
|
||||
</header>
|
||||
<main>
|
||||
<h2>File-drop</h2>
|
||||
<file-drop id="file-drop" accept="application/json"
|
||||
>Drop config here</file-drop
|
||||
>
|
||||
<h2>Chart</h2>
|
||||
<button id="download" style="display: none">Download image</button>
|
||||
<div><canvas id="myChart" width="600" height="400"></canvas></div>
|
||||
</main>
|
||||
<script src="./loadChart.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
9
build/benchmarking/loadChart.js
Normal file
9
build/benchmarking/loadChart.js
Normal file
File diff suppressed because one or more lines are too long
1
build/benchmarking/loadChart.js.map
Normal file
1
build/benchmarking/loadChart.js.map
Normal file
File diff suppressed because one or more lines are too long
136
build/benchmarking/results.html
Normal file
136
build/benchmarking/results.html
Normal file
@ -0,0 +1,136 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="./style.css" />
|
||||
<style>
|
||||
/* Dimensions */
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
table,
|
||||
td {
|
||||
border: 1px solid black;
|
||||
padding: 0;
|
||||
}
|
||||
td:first-child {
|
||||
white-space: nowrap;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
.characteristics {
|
||||
display: flex;
|
||||
}
|
||||
.characteristics > span {
|
||||
flex: 1;
|
||||
display: block;
|
||||
padding: 4px 8px;
|
||||
text-align: center;
|
||||
border-left: 1px solid black;
|
||||
border-right: 1px solid black;
|
||||
}
|
||||
.characteristics > span[active] {
|
||||
background-color: #87d241;
|
||||
}
|
||||
/* Charts */
|
||||
#chartRoot {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
}
|
||||
canvas {
|
||||
max-width: 730px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
#toggle {
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Results</h1>
|
||||
<a href="./index.html">Back to benchmark</a>
|
||||
</header>
|
||||
<main>
|
||||
<h2>Select Case</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<a class="case-anchor" href="#set1"
|
||||
>Case1 - Windows - Simplify.js vs Simplify.wasm</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a class="case-anchor" href="#set2"
|
||||
>Case2 - Windows - Simplify.wasm runtime analysis</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a class="case-anchor" href="#set3"
|
||||
>Case3 - MacBook Pro - Testing safari</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a class="case-anchor" href="#set4"
|
||||
>Case4 - Turf.js runtime analysis</a
|
||||
>
|
||||
</li>
|
||||
<li><a class="case-anchor" href="#set5">Case5 - Mobile testing</a></li>
|
||||
</ul>
|
||||
<h2>Dimensions</h2>
|
||||
<table>
|
||||
<tr>
|
||||
<td>Device:</td>
|
||||
<td>
|
||||
<div class="characteristics">
|
||||
<span>Desktop</span><span>Mobile</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Browser:</td>
|
||||
<td>
|
||||
<div class="characteristics">
|
||||
<span>Firefox</span>
|
||||
<span>Chrome</span>
|
||||
<span>Edge</span>
|
||||
<span>Safari</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Dataset:</td>
|
||||
<td>
|
||||
<div class="characteristics">
|
||||
<span>Simplify.js example</span><span>Bavaria outline</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>High Quality:</td>
|
||||
<td>
|
||||
<div class="characteristics"><span>On</span> <span>Off</span></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Charts:</td>
|
||||
<td>
|
||||
<div class="characteristics">
|
||||
<span>Simplify.js vs. Simplify.wasm</span>
|
||||
<span>Simplify.wasm runtime analysis</span>
|
||||
<span>Turf.js runtime analysis</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<h2>Charts</h2>
|
||||
<button id="toggle">Toggle performance measure (ms <-> hz)</button>
|
||||
<div id="chartRoot">Select a Case to show the charts.</div>
|
||||
</main>
|
||||
<script src="./results.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
9
build/benchmarking/results.js
Normal file
9
build/benchmarking/results.js
Normal file
File diff suppressed because one or more lines are too long
1
build/benchmarking/results.js.map
Normal file
1
build/benchmarking/results.js.map
Normal file
File diff suppressed because one or more lines are too long
BIN
build/benchmarking/simplify.5a714.wasm
Normal file
BIN
build/benchmarking/simplify.5a714.wasm
Normal file
Binary file not shown.
39
build/benchmarking/style.css
Normal file
39
build/benchmarking/style.css
Normal file
@ -0,0 +1,39 @@
|
||||
html,
|
||||
body {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
body {
|
||||
min-width: 340px;
|
||||
overflow: scroll;
|
||||
}
|
||||
main {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
header,
|
||||
footer {
|
||||
padding: 16px 10%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
main {
|
||||
width: 100%;
|
||||
}
|
||||
header,
|
||||
footer {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
header,
|
||||
footer {
|
||||
background-color: antiquewhite;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-top: 0;
|
||||
}
|
||||
22
build/index.html
Normal file
22
build/index.html
Normal file
@ -0,0 +1,22 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
<title>Master thesis</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Master thesis</h1>
|
||||
<ul>
|
||||
<li><a href="./benchmarking/index.html">Benchmarking</a></li>
|
||||
<li>
|
||||
<a href="./polygon-simplification/index.html"
|
||||
>Polygon simplification (deprecated)</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./mt-polygon-simplification-2019.pdf">Download thesis</a>
|
||||
</li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
BIN
build/mt-polygon-simplification-2019.pdf
Normal file
BIN
build/mt-polygon-simplification-2019.pdf
Normal file
Binary file not shown.
74
build/polygon-simplification/bundle.js
Normal file
74
build/polygon-simplification/bundle.js
Normal file
File diff suppressed because one or more lines are too long
1
build/polygon-simplification/bundle.js.map
Normal file
1
build/polygon-simplification/bundle.js.map
Normal file
File diff suppressed because one or more lines are too long
17
build/polygon-simplification/index.html
Normal file
17
build/polygon-simplification/index.html
Normal file
@ -0,0 +1,17 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="./style.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header><h1>Simplify GeoJSON</h1></header>
|
||||
<div id="map"></div>
|
||||
<main id="root"></main>
|
||||
<footer>Footer</footer>
|
||||
<script src="./bundle.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
BIN
build/polygon-simplification/psimpl.a0337.wasm
Normal file
BIN
build/polygon-simplification/psimpl.a0337.wasm
Normal file
Binary file not shown.
BIN
build/polygon-simplification/simplify.5a714.wasm
Normal file
BIN
build/polygon-simplification/simplify.5a714.wasm
Normal file
Binary file not shown.
71
build/polygon-simplification/style.css
Normal file
71
build/polygon-simplification/style.css
Normal file
@ -0,0 +1,71 @@
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
main {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.leaflet-container {
|
||||
flex: 2;
|
||||
min-width: 300px;
|
||||
min-height: 60vh;
|
||||
}
|
||||
|
||||
#options {
|
||||
flex: 1;
|
||||
min-width: 300px;
|
||||
}
|
||||
|
||||
file-drop {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
padding: 10px;
|
||||
background-color: rgba(245, 234, 174, 0.2);
|
||||
overflow: hidden;
|
||||
touch-action: none;
|
||||
}
|
||||
file-drop::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
display: block;
|
||||
left: 2px;
|
||||
top: 2px;
|
||||
right: 2px;
|
||||
bottom: 2px;
|
||||
border: 2px dashed #fff;
|
||||
background-color: rgba(88, 116, 88, 0.2);
|
||||
border-color: rgba(65, 129, 65, 0.5);
|
||||
border-radius: 10px;
|
||||
opacity: 0;
|
||||
transform: scale(0.95);
|
||||
transition: all 200ms ease-in;
|
||||
transition-property: transform, opacity;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.drop-valid::after {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
transition-timing-function: ease-out;
|
||||
}
|
||||
|
||||
.drop-invalid::after {
|
||||
background-color: rgba(255, 27, 27, 0.2);
|
||||
border-color: rgba(255, 170, 170, 0.5);
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
transition-timing-function: ease-out;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user