<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">\begin{table}[ht]
	\centering
    \small
    \begin{longtable}{p{3cm} p{8cm} p{4cm}}
        \rowcolor{gray!50}
		\textbf{Term} &amp; \textbf{Explanation} &amp; \textbf{Example} \\
		Phase &amp; One phase of the Sugiyama approach~\cite{sugiyama_methods_1981} &amp; Node Placement \\
        \rowcolor{gray!25}
		Stage &amp; One stage of the BK algorithm~\cite{brandes_fast_2001} &amp; Balancing \\
		Step &amp; Atomic part of a stage of the BK algorithm~\cite{brandes_fast_2001} &amp; Computing one $x$ coordinate during balancing stage \\
		\rowcolor{gray!25}
        \appname &amp; The name of the application for which this is the documentation &amp; \\
        \member{sink} &amp; See table~\ref{table:bk-variables} &amp; \\
        \rowcolor{gray!25}
        \member{shift} &amp; See table~\ref{table:bk-variables} &amp; \\
        \member{root} &amp; See table~\ref{table:bk-variables} &amp; \\
        \rowcolor{gray!25}
        \member{align} &amp; See table~\ref{table:bk-variables} &amp; \\
        Extremal layout &amp; Defines in which order the layers are traversed and if a node is aligned with its upper or lower median. &amp; Leftmost lower \\
        \rowcolor{gray!25}
        Automatic execution &amp; The state of the \code{AnimationController} where it repeatedly sends step commands with a certain delay &amp; See section~\ref{sec:userInterface} \\
        Automatic backwards execution &amp; Special case of automatic execution in backwards direction &amp; See section~\ref{sec:userInterface} \\
        \rowcolor{gray!25}
        step overrun &amp; The state of the \code{AnimationController} where it repeatedly sends step commands, but only inserts a delay after steps whose line of pseudocode is currently unfolded in the pseudocode view. &amp; See section~\ref{sec:userInterface} \\
        \\\\
	\end{longtable}
	\caption{Glossary for the most difficult terms as we use them.}
	\label{table:glossary}
\end{table}

\begin{figure}[htp]
    \centering
    \includegraphics[width=0.33\linewidth]{img/random-graph-dialog}
    \caption[Random graph dialog]{Dialog for generating random graphs.}
    \label{fig:random-graph-dialog}
\end{figure}

\begin{figure}[htp]
    \centering
    \includegraphics[width=\linewidth]{img/debug-table}
    \caption[Debug Table]{An example for a debug table. The graph used is the same as in figure~\ref{fig:example}}
    \label{fig:debug-table}
\end{figure}

\begin{figure}[htp]
    \centering
    \includegraphics[width=0.33\linewidth]{img/preferences}
    \caption[Preferences]{The dialog for adjusting the preferences.}
    \label{fig:preferences}
\end{figure}

\begin{figure}[htp]
    \centering
    \includegraphics[width=0.33\linewidth]{img/error_disconnected}
    \caption[Error caused by disconnected graph]{An illustration of the error caused by the graph displayed in figure~\ref{fig:error_disconnected}.
    In the lowest layer the two nodes are drawn at the same position.}
    \label{fig:error_disconnected_img}
\end{figure}

\begin{figure}[htp]
    \centering
    \includegraphics[width=0.33\linewidth]{img/error_connected}
    \caption[Error caused by connected graph]{An illustration of the error caused by the graph displayed in figure~\ref{fig:error_connected}.
    In the fourth layer the last two nodes are drawn at the same position.}
    \label{fig:error_connected_img}
\end{figure}

\begin{figure}
    \begin{lstinputlisting}[language=json,emph={},basicstyle=\scriptsize\ttfamily,numberstyle=\tiny]{src/error_disconnected.json}
    \end{lstinputlisting}
    \caption[Disconnected graph causing an error]{Example graph where the node placement algorithm does not behave correctly, possibly because it is not connected.
    The error is illustrated in figure~\ref{fig:error_disconnected_img}.}
    \label{fig:error_disconnected}
\end{figure}

\begin{figure}
    \begin{lstinputlisting}[language=json,emph={},basicstyle=\tiny\ttfamily,numberstyle=\tiny]{src/error_connected.json}
    \end{lstinputlisting}
    \caption[Connected graph causing an error]{Example graph where the node placement algorithm does not behave correctly, even though it is connected.
    We did not check yet if this is a problem with our implementation or with the node placement algorithm itself.
    The error is illustrated in figure~\ref{fig:error_connected_img}.}
    \label{fig:error_connected}
\end{figure}
</pre></body></html>