Add results

This commit is contained in:
Alfred Melch 2019-08-08 21:25:39 +02:00
parent f39e40349a
commit dd92125086
54 changed files with 228 additions and 49 deletions

View File

@ -14,7 +14,7 @@
<main id="root"></main>
<footer>
Footer
<a href="./chart.html">Load previously saved chart</a>
<a href="./loadChart.html">Load previously saved chart</a>
</footer>
<script src="./bundle.js"></script>

View File

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,14 +1,14 @@
\input{chapters/01-introduction.tex}
\input{chapters/02.00-theory.tex}
\input{chapters/02.01-Generalization.tex}
\input{chapters/02.02-Dataformats.tex}
\input{chapters/02.03-Algorithms.tex}
\input{chapters/02.04-webruntime.tex}
\input{chapters/03.00-methodology.tex}
\input{chapters/03.01-benchmark.tex}
\input{chapters/03.02-integration.tex}
\input{chapters/04.00-results.tex}
\input{chapters/04.01-results-benchmark.tex}
\input{chapters/04.02-results-integration.tex}
\input{chapters/05-conclusion.tex}
\input{chapters/06-conclusion.tex}
\input{./chapters/01-introduction.tex}
\input{./chapters/02.00-theory.tex}
\input{./chapters/02.01-Generalization.tex}
\input{./chapters/02.02-Dataformats.tex}
\input{./chapters/02.03-Algorithms.tex}
\input{./chapters/02.04-webruntime.tex}
\input{./chapters/03.00-methodology.tex}
\input{./chapters/03.01-benchmark.tex}
\input{./chapters/03.02-integration.tex}
\input{./chapters/04.00-results.tex}
\input{./chapters/04.01-results-benchmark.tex}
\input{./chapters/04.02-results-integration.tex}
\input{./chapters/05-conclusion.tex}
\input{./chapters/06-conclusion.tex}

View File

@ -14,20 +14,75 @@ Compression algorithms.
\paragraph{n-th point algorithm}
\begin{figure}
\centering
\includegraphics[width=.7\linewidth]{./images/shi-np.png}
\caption{Nth point algorithm}
\label{fig:algo-np}
\end{figure}
\paragraph{Random-point routine}
\paragraph{Radial distance algorithm}
\begin{figure}
\centering
\includegraphics[width=.7\linewidth]{../lib/psimpl_v7_src/doc/psimpl_rd.png}
\caption{Radial distance algorithm}
\label{fig:algo-rd}
\end{figure}
\paragraph{Perpendicular distance algorithm}
\begin{figure}
\centering
\includegraphics[width=.7\linewidth]{../lib/psimpl_v7_src/doc/psimpl_pd.png}
\caption{Perpendicular distance algorithm}
\label{fig:algo-pd}
\end{figure}
\paragraph{Reumann-Witkam simplification}
\begin{figure}
\centering
\includegraphics[width=.7\linewidth]{../lib/psimpl_v7_src/doc/psimpl_rw.png}
\caption{Reuman-Witkam algorithm}
\label{fig:algo-rw}
\end{figure}
\paragraph{Opheim simplification}
\begin{figure}
\centering
\includegraphics[width=.7\linewidth]{../lib/psimpl_v7_src/doc/psimpl_op.png}
\caption{Opheim algorithm}
\label{fig:algo-op}
\end{figure}
\paragraph{Lang simplification}
\begin{figure}
\centering
\includegraphics[width=.7\linewidth]{../lib/psimpl_v7_src/doc/psimpl_la.png}
\caption{Lang algorithm}
\label{fig:algo-la}
\end{figure}
\paragraph{Douglas-Peucker simplification}
\begin{figure}
\centering
\includegraphics[width=.7\linewidth]{../lib/psimpl_v7_src/doc/psimpl_dp.png}
\caption{Douglas Peucker algorithm}
\label{fig:algo-dp}
\end{figure}
\paragraph{with reduction parameter}
\paragraph{Jenks simplification}

View File

@ -2,7 +2,7 @@
Problem dimensions:
\begin{itemize}
\item Device: desktop, smartphone
\item Device: desktop, mobile
\item Browser: Chrome, Firefox, Edge, Safari, mobile variants
\item Datasets: Simplify.js example, bavaria outline
\item High quality: on off
@ -22,34 +22,55 @@ Questions to answer:
\todo[inline]{Highlight for each case which dimension is active and which questions it tackles}
\subsubsection{Device 1 - Windows - wasm vs js}
\marginpar{hp pavilion}
\todo[inline]{desktop | chrome, ff, edge | simplify.js | on, off | wasm vs js = 6 charts}
\todo[inline]{questions: 1, 3, 5}
Benchmark of dataset "Simplify.js example" using the web browsers of Google, Microsoft and Mozilla.
\input{./results-benchmark/win_chro_simplify_vs_false}
\input{./results-benchmark/win_ffox_simplify_vs_false}
\input{./results-benchmark/win_edge_simplify_vs_false}
\input{./results-benchmark/win_chro_simplify_vs_true}
\input{./results-benchmark/win_ffox_simplify_vs_true}
% \input{./results-benchmark/win_edge_simplify_vs_true}
\input{./results-benchmark/win_chro_simplify_vs_false.tex}
\input{./results-benchmark/win_ffox_simplify_vs_false.tex}
\input{./results-benchmark/win_edge_simplify_vs_false.tex}
\input{./results-benchmark/win_chro_simplify_vs_true.tex}
\input{./results-benchmark/win_ffox_simplify_vs_true.tex}
\input{./results-benchmark/win_edge_simplify_vs_true.tex}
\clearpage
\subsubsection{Device 1 - Windows - wasm stack analysis}
\todo[inline]{desktop | edge, firefox | simplify.js | on, off | wasm stack = 6 charts}
\todo[inline]{1, 2, 3, 5}
\marginpar{hp pavilion}
\todo[inline]{desktop | edge | simplify.js | on, off | wasm stack = 2 charts}
\todo[inline]{questions: 2, 3, 5}
\marginpar{maybe add ffox}
\input{./results-benchmark/win_edge_simplify_stack_false}
\input{./results-benchmark/win_edge_simplify_stack_false.tex}
\input{./results-benchmark/win_edge_simplify_stack_true.tex}
\clearpage
\subsubsection{Device 2 - iMac - wasm vs js}
\subsubsection{Device 2 - MacBook Pro - wasm vs js}
\marginpar{MacBook Pro 15}
\marginpar{Chrome and FF comparable to results above}
For safari browser.
\todo[inline]{desktop | safari, ffox | bavaria.js | on, off | vs = 4 charts}
\input{./results-benchmark/mac_safa_bavaria_vs_false.tex}
\input{./results-benchmark/mac_ffox_bavaria_vs_false.tex}
\input{./results-benchmark/mac_safa_bavaria_vs_true.tex}
\input{./results-benchmark/mac_ffox_bavaria_vs_true.tex}
\clearpage
\subsubsection{Device 3 - Ubuntu - turf.js analysis}
\marginpar{Lenovo Miix 510}
\marginpar{Firefox because orig simplify is faster}
\todo[inline]{desktop | ff | bavaria | on, off | vs, turf Stack = 4 charts}
Check if turf makes sense
\input{./results-benchmark/ubu_ffox_bavaria_vs_false.tex}
\input{./results-benchmark/ubu_ffox_bavaria_jsstack_false.tex}
\input{./results-benchmark/ubu_ffox_bavaria_vs_true.tex}
\input{./results-benchmark/ubu_ffox_bavaria_jsstack_true.tex}
\clearpage
\subsubsection{Device 4 - iPhone - mobile testing}
\todo[inline]{mobile | safari, chrome, ffox | on, off | vs = 6 charts}

View File

@ -1,2 +1,2 @@
# for i in $(ls chapters); do printf '\\input{chapters/%s}\n\\newpage\n\n' $i; done > chapters.tex
for i in $(ls chapters); do printf '\\input{chapters/%s}\n' $i; done > chapters.tex
for i in ./chapters/*.tex; do printf '\\input{%s}\n' $i; done > chapters.tex

BIN
thesis/images/shi-np.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

View File

@ -1,10 +1,27 @@
\contentsline {figure}{\numberline {1}{\ignorespaces UML diagram of the benchmarking application}}{17}{figure.1}%
\contentsline {figure}{\numberline {2}{\ignorespaces The user interface for benchmarking application. (not final)}}{19}{figure.2}%
\contentsline {figure}{\numberline {3}{\ignorespaces The state model of the application}}{24}{figure.3}%
\contentsline {figure}{\numberline {4}{\ignorespaces The user interface for the algorithm comparison. (not final)}}{25}{figure.4}%
\contentsline {figure}{\numberline {5}{\ignorespaces Simplify.wasm vs. Simplify.js benchmark result of Windows device with Chrome browser on dataset "Simplify.js example" without high Quality mode.}}{28}{figure.5}%
\contentsline {figure}{\numberline {6}{\ignorespaces Simplify.wasm vs. Simplify.js benchmark result of Windows device with Firefox browser on dataset "Simplify.js example" without high Quality mode.}}{28}{figure.6}%
\contentsline {figure}{\numberline {7}{\ignorespaces Simplify.wasm vs. Simplify.js benchmark result of Windows device with Edge browser on dataset "Simplify.js example" without high Quality mode.}}{29}{figure.7}%
\contentsline {figure}{\numberline {8}{\ignorespaces Simplify.wasm vs. Simplify.js benchmark result of Windows device with Chrome browser on dataset "Simplify.js example" with high Quality mode.}}{29}{figure.8}%
\contentsline {figure}{\numberline {9}{\ignorespaces Simplify.wasm vs. Simplify.js benchmark result of Windows device with Firefox browser on dataset "Simplify.js example" with high Quality mode.}}{30}{figure.9}%
\contentsline {figure}{\numberline {10}{\ignorespaces Simplify.wasm runtime analysis benchmark result of Windows device with Edge browser on dataset "Simplify.js example" without high Quality mode.}}{31}{figure.10}%
\contentsline {figure}{\numberline {1}{\ignorespaces Nth point algorithm}}{7}{figure.1}%
\contentsline {figure}{\numberline {2}{\ignorespaces Radial distance algorithm}}{8}{figure.2}%
\contentsline {figure}{\numberline {3}{\ignorespaces Perpendicular distance algorithm}}{9}{figure.3}%
\contentsline {figure}{\numberline {4}{\ignorespaces Reuman-Witkam algorithm}}{9}{figure.4}%
\contentsline {figure}{\numberline {5}{\ignorespaces Opheim algorithm}}{10}{figure.5}%
\contentsline {figure}{\numberline {6}{\ignorespaces Lang algorithm}}{10}{figure.6}%
\contentsline {figure}{\numberline {7}{\ignorespaces Douglas Peucker algorithm}}{11}{figure.7}%
\contentsline {figure}{\numberline {8}{\ignorespaces UML diagram of the benchmarking application}}{21}{figure.8}%
\contentsline {figure}{\numberline {9}{\ignorespaces The user interface for benchmarking application. (not final)}}{23}{figure.9}%
\contentsline {figure}{\numberline {10}{\ignorespaces The state model of the application}}{28}{figure.10}%
\contentsline {figure}{\numberline {11}{\ignorespaces The user interface for the algorithm comparison. (not final)}}{29}{figure.11}%
\contentsline {figure}{\numberline {12}{\ignorespaces Simplify.wasm vs. Simplify.js benchmark result of Windows device with Chrome browser on dataset "Simplify.js example" without high quality mode.}}{32}{figure.12}%
\contentsline {figure}{\numberline {13}{\ignorespaces Simplify.wasm vs. Simplify.js benchmark result of Windows device with Firefox browser on dataset "Simplify.js example" without high quality mode.}}{32}{figure.13}%
\contentsline {figure}{\numberline {14}{\ignorespaces Simplify.wasm vs. Simplify.js benchmark result of Windows device with Edge browser on dataset "Simplify.js example" without high quality mode.}}{33}{figure.14}%
\contentsline {figure}{\numberline {15}{\ignorespaces Simplify.wasm vs. Simplify.js benchmark result of Windows device with Chrome browser on dataset "Simplify.js example" with high quality mode.}}{33}{figure.15}%
\contentsline {figure}{\numberline {16}{\ignorespaces Simplify.wasm vs. Simplify.js benchmark result of Windows device with Firefox browser on dataset "Simplify.js example" with high quality mode.}}{34}{figure.16}%
\contentsline {figure}{\numberline {17}{\ignorespaces Simplify.wasm vs. Simplify.js benchmark result of Windows device with Edge browser on dataset "Simplify.js example" with high quality mode.}}{34}{figure.17}%
\contentsline {figure}{\numberline {18}{\ignorespaces Simplify.wasm runtime analysis benchmark result of Windows device with Edge browser on dataset "Simplify.js example" without high quality mode.}}{35}{figure.18}%
\contentsline {figure}{\numberline {19}{\ignorespaces Simplify.wasm runtime analysis benchmark result of Windows device with Edge browser on dataset "Simplify.js example" with high quality mode.}}{35}{figure.19}%
\contentsline {figure}{\numberline {20}{\ignorespaces Simplify.wasm vs. Simplify.js benchmark result of MacBook Pro device with Safari browser on dataset "Bavaria outline" without high quality mode.}}{36}{figure.20}%
\contentsline {figure}{\numberline {21}{\ignorespaces Simplify.wasm vs. Simplify.js benchmark result of MacBook Pro device with Firefox browser on dataset "Bavaria outline" without high quality mode.}}{36}{figure.21}%
\contentsline {figure}{\numberline {22}{\ignorespaces Simplify.wasm vs. Simplify.js benchmark result of MacBook Pro device with Safari browser on dataset "Bavaria outline" with high quality mode.}}{37}{figure.22}%
\contentsline {figure}{\numberline {23}{\ignorespaces Simplify.wasm vs. Simplify.js benchmark result of MacBook Pro device with Firefox browser on dataset "Bavaria outline" with high quality mode.}}{37}{figure.23}%
\contentsline {figure}{\numberline {24}{\ignorespaces Simplify.wasm vs. Simplify.js benchmark result of Ubuntu device with Firefox browser on dataset "Bavaria outline" without high quality mode.}}{38}{figure.24}%
\contentsline {figure}{\numberline {25}{\ignorespaces Turf.js simplify benchmark result of Ubuntu device with Firefox browser on dataset "Bavaria outline" without high quality mode.}}{38}{figure.25}%
\contentsline {figure}{\numberline {26}{\ignorespaces Simplify.wasm vs. Simplify.js benchmark result of Ubuntu device with Firefox browser on dataset "Bavaria outline" with high quality mode.}}{39}{figure.26}%
\contentsline {figure}{\numberline {27}{\ignorespaces Turf.js simplify benchmark result of Ubuntu device with Firefox browser on dataset "Bavaria outline" with high quality mode.}}{39}{figure.27}%

Binary file not shown.

View File

@ -55,6 +55,8 @@ Abstract goes here
\input{chapters.tex}
\clearpage
\pagenumbering{gobble}
\listoffigures
\newpage
\lstlistoflistings

View File

@ -13,6 +13,9 @@ caption_template = '{chart} benchmark result of {device} device with {browser} b
devices = {
'win': 'Windows',
'mac': 'MacBook Pro',
'ubu': 'Ubuntu',
'iph': 'iPhone'
}
browsers = {
@ -29,12 +32,13 @@ data = {
chart = {
'vs': 'Simplify.wasm vs. Simplify.js',
'stack': 'Simplify.wasm runtime analysis'
'stack': 'Simplify.wasm runtime analysis',
'jsstack': 'Turf.js simplify'
}
highQual = {
'true': 'with high Quality mode',
'false': 'without high Quality mode'
'true': 'with high quality mode',
'false': 'without high quality mode'
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

View File

@ -0,0 +1,7 @@
\begin{figure}[!htb]
\centering
\includegraphics[width=.75\linewidth]{./results-benchmark/mac_ffox_bavaria_vs_false.png}
\caption{Simplify.wasm vs. Simplify.js benchmark result of MacBook Pro device with Firefox browser on dataset "Bavaria outline" without high quality mode.}
\label{fig:mac_ffox_bavaria_vs_false}
\end{figure}

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

View File

@ -0,0 +1,7 @@
\begin{figure}[!htb]
\centering
\includegraphics[width=.75\linewidth]{./results-benchmark/mac_ffox_bavaria_vs_true.png}
\caption{Simplify.wasm vs. Simplify.js benchmark result of MacBook Pro device with Firefox browser on dataset "Bavaria outline" with high quality mode.}
\label{fig:mac_ffox_bavaria_vs_true}
\end{figure}

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

View File

@ -0,0 +1,7 @@
\begin{figure}[!htb]
\centering
\includegraphics[width=.75\linewidth]{./results-benchmark/mac_safa_bavaria_vs_false.png}
\caption{Simplify.wasm vs. Simplify.js benchmark result of MacBook Pro device with Safari browser on dataset "Bavaria outline" without high quality mode.}
\label{fig:mac_safa_bavaria_vs_false}
\end{figure}

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

View File

@ -0,0 +1,7 @@
\begin{figure}[!htb]
\centering
\includegraphics[width=.75\linewidth]{./results-benchmark/mac_safa_bavaria_vs_true.png}
\caption{Simplify.wasm vs. Simplify.js benchmark result of MacBook Pro device with Safari browser on dataset "Bavaria outline" with high quality mode.}
\label{fig:mac_safa_bavaria_vs_true}
\end{figure}

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

View File

@ -0,0 +1,7 @@
\begin{figure}[!htb]
\centering
\includegraphics[width=.75\linewidth]{./results-benchmark/ubu_ffox_bavaria_jsstack_false.png}
\caption{Turf.js simplify benchmark result of Ubuntu device with Firefox browser on dataset "Bavaria outline" without high quality mode.}
\label{fig:ubu_ffox_bavaria_jsstack_false}
\end{figure}

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

View File

@ -0,0 +1,7 @@
\begin{figure}[!htb]
\centering
\includegraphics[width=.75\linewidth]{./results-benchmark/ubu_ffox_bavaria_jsstack_true.png}
\caption{Turf.js simplify benchmark result of Ubuntu device with Firefox browser on dataset "Bavaria outline" with high quality mode.}
\label{fig:ubu_ffox_bavaria_jsstack_true}
\end{figure}

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

View File

@ -0,0 +1,7 @@
\begin{figure}[!htb]
\centering
\includegraphics[width=.75\linewidth]{./results-benchmark/ubu_ffox_bavaria_vs_false.png}
\caption{Simplify.wasm vs. Simplify.js benchmark result of Ubuntu device with Firefox browser on dataset "Bavaria outline" without high quality mode.}
\label{fig:ubu_ffox_bavaria_vs_false}
\end{figure}

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

View File

@ -0,0 +1,7 @@
\begin{figure}[!htb]
\centering
\includegraphics[width=.75\linewidth]{./results-benchmark/ubu_ffox_bavaria_vs_true.png}
\caption{Simplify.wasm vs. Simplify.js benchmark result of Ubuntu device with Firefox browser on dataset "Bavaria outline" with high quality mode.}
\label{fig:ubu_ffox_bavaria_vs_true}
\end{figure}

View File

@ -2,6 +2,6 @@
\begin{figure}[!htb]
\centering
\includegraphics[width=.75\linewidth]{./results-benchmark/win_chro_simplify_vs_false.png}
\caption{Simplify.wasm vs. Simplify.js benchmark result of Windows device with Chrome browser on dataset "Simplify.js example" without high Quality mode.}
\caption{Simplify.wasm vs. Simplify.js benchmark result of Windows device with Chrome browser on dataset "Simplify.js example" without high quality mode.}
\label{fig:win_chro_simplify_vs_false}
\end{figure}

View File

@ -2,6 +2,6 @@
\begin{figure}[!htb]
\centering
\includegraphics[width=.75\linewidth]{./results-benchmark/win_chro_simplify_vs_true.png}
\caption{Simplify.wasm vs. Simplify.js benchmark result of Windows device with Chrome browser on dataset "Simplify.js example" with high Quality mode.}
\caption{Simplify.wasm vs. Simplify.js benchmark result of Windows device with Chrome browser on dataset "Simplify.js example" with high quality mode.}
\label{fig:win_chro_simplify_vs_true}
\end{figure}

View File

@ -2,6 +2,6 @@
\begin{figure}[!htb]
\centering
\includegraphics[width=.75\linewidth]{./results-benchmark/win_edge_simplify_stack_false.png}
\caption{Simplify.wasm runtime analysis benchmark result of Windows device with Edge browser on dataset "Simplify.js example" without high Quality mode.}
\caption{Simplify.wasm runtime analysis benchmark result of Windows device with Edge browser on dataset "Simplify.js example" without high quality mode.}
\label{fig:win_edge_simplify_stack_false}
\end{figure}

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

View File

@ -0,0 +1,7 @@
\begin{figure}[!htb]
\centering
\includegraphics[width=.75\linewidth]{./results-benchmark/win_edge_simplify_stack_true.png}
\caption{Simplify.wasm runtime analysis benchmark result of Windows device with Edge browser on dataset "Simplify.js example" with high quality mode.}
\label{fig:win_edge_simplify_stack_true}
\end{figure}

View File

@ -2,6 +2,6 @@
\begin{figure}[!htb]
\centering
\includegraphics[width=.75\linewidth]{./results-benchmark/win_edge_simplify_vs_false.png}
\caption{Simplify.wasm vs. Simplify.js benchmark result of Windows device with Edge browser on dataset "Simplify.js example" without high Quality mode.}
\caption{Simplify.wasm vs. Simplify.js benchmark result of Windows device with Edge browser on dataset "Simplify.js example" without high quality mode.}
\label{fig:win_edge_simplify_vs_false}
\end{figure}

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

View File

@ -0,0 +1,7 @@
\begin{figure}[!htb]
\centering
\includegraphics[width=.75\linewidth]{./results-benchmark/win_edge_simplify_vs_true.png}
\caption{Simplify.wasm vs. Simplify.js benchmark result of Windows device with Edge browser on dataset "Simplify.js example" with high quality mode.}
\label{fig:win_edge_simplify_vs_true}
\end{figure}

View File

@ -2,6 +2,6 @@
\begin{figure}[!htb]
\centering
\includegraphics[width=.75\linewidth]{./results-benchmark/win_ffox_simplify_vs_false.png}
\caption{Simplify.wasm vs. Simplify.js benchmark result of Windows device with Firefox browser on dataset "Simplify.js example" without high Quality mode.}
\caption{Simplify.wasm vs. Simplify.js benchmark result of Windows device with Firefox browser on dataset "Simplify.js example" without high quality mode.}
\label{fig:win_ffox_simplify_vs_false}
\end{figure}

View File

@ -2,6 +2,6 @@
\begin{figure}[!htb]
\centering
\includegraphics[width=.75\linewidth]{./results-benchmark/win_ffox_simplify_vs_true.png}
\caption{Simplify.wasm vs. Simplify.js benchmark result of Windows device with Firefox browser on dataset "Simplify.js example" with high Quality mode.}
\caption{Simplify.wasm vs. Simplify.js benchmark result of Windows device with Firefox browser on dataset "Simplify.js example" with high quality mode.}
\label{fig:win_ffox_simplify_vs_true}
\end{figure}