Create diagrams for deployment strategy

This commit is contained in:
2024-01-08 11:48:25 +01:00
parent 726ce10a7c
commit 99ab7b5641
17 changed files with 200 additions and 13 deletions

View File

@@ -0,0 +1,16 @@
\input{lib/preamble.tex}
\begin{document}
\begin{tikzpicture}[decoration={random steps,amplitude=0.15mm,segment length=0.3mm}]
\draw[->] (-0.2,0) -- (8.2,0) node[anchor=north] {t};
\draw[->] (0,-0.2) -- (0,4.2) node[anchor=east] {\# Geräte};
\draw[help lines, dashed] (3,-0.4)--(3,3.8) (6,-0.4)--(6,3.8);
\draw[color=scandioblue,decorate] (0,3.13)--(3,3.13)--(6,4.13)--(8,4.13);
\draw[color=green!60!black,decorate] (0,2.8)--(3,2.8)--(6,3.8)--(8,3.8);
\draw[color=scandiored,decorate] (0,3)--(3,3)--(6,0) (3,0)--(6,1)--(8,1);
\draw[color=scandiored, thick] (3,2.9)--(3,3.1) (3,-0.1)--(3,0.1);
\end{tikzpicture}
\end{document}

View File

@@ -0,0 +1,16 @@
\input{lib/preamble.tex}
\begin{document}
\begin{tikzpicture}[decoration={random steps,amplitude=0.15mm,segment length=0.3mm}]
\draw[->] (-0.2,0) -- (8.2,0) node[anchor=north] {t};
\draw[->] (0,-0.2) -- (0,4.2) node[anchor=east] {\# Geräte};
\draw[help lines, dashed] (3,-0.4)--(3,3.8) (6,-0.4)--(6,3.8);
\draw[color=scandioblue,decorate] (0,3.13)--(3,3.13)--(6,4.13)--(8,4.13);
\draw[color=green!60!black,decorate] (0,2.8)--(3,2.8)--(6,3.8)--(8,3.8);
\draw[color=scandiored,decorate] (0,3)--(3,3) (3,0)--(6,1)--(8,1);
\draw[color=scandiored, thick] (2.9,2.9)--(3.1,3.1) (2.9,3.1)--(3.1,2.9) (3,-0.1)--(3,0.1);
\end{tikzpicture}
\end{document}

View File

@@ -0,0 +1,16 @@
\input{lib/preamble.tex}
\begin{document}
\begin{tikzpicture}
\draw[->] (-0.2,0) -- (8.2,0) node[anchor=north] {t};
\draw[->] (0,-0.2) -- (0,4.2) node[anchor=east] {\# Pods};
\draw[help lines, dashed] (2,-0.4)--(2,3.8) (3,-0.4)--(3,3.8) (6,-0.4)--(6,3.8) (7,-0.4)--(7,3.8);
\draw[color=scandiored] (0,3.6)--(2,3.6)--(3,2.4)--(6,2.4)--(7,0);
\node[anchor=south, color=scandiored] at (1,3.6) { \scriptsize stable };
\draw[color=scandioblue] (2,0)--(3,1.2)--(6,1.2)--(7,3.6)--(8,3.6);
\node[anchor=south, color=scandioblue] at (4.5,1.2) { \scriptsize canary };
\node[anchor=south, color=scandioblue] at (7.5,3.6) { \scriptsize stable };
\end{tikzpicture}
\end{document}

View File

@@ -0,0 +1,29 @@
\input{lib/preamble.tex}
\begin{document}
\begin{tikzpicture}[decoration={random steps,amplitude=0.15mm,segment length=0.3mm}]
\draw[->] (-0.2,0) -- (8.2,0) node[anchor=north] {t};
\draw[->] (0,-0.2) -- (0,5.2) node[anchor=east] {\# Geräte};
\draw[help lines, dashed] (2,-0.4)--(2,4.8) (3,-0.4)--(3,4.8) (6,-0.4)--(6,4.8) (7,-0.4)--(7,4.8);
\draw[color=scandiored,decorate] (0,3.7)--(2,3.7)--(3,4.884)--(6,4.884)--(7,0);
\draw[color=scandiored,decorate] (0,3.4)--(2,3.4)--(3,4.584)--(6,4.584)--(7,0);
\draw[color=scandiored,decorate] (0,3.62)--(2,3.62)--(3,4.804)--(6,4.804)--(7,0);
\draw[color=scandiored,decorate] (0,3.65)--(2,3.65)--(3,4.834)--(6,4.834)--(7,0);
\draw[color=scandiored,decorate] (0,3.49)--(2,3.49)--(3,4.674)--(6,4.674)--(7,0);
\draw[color=scandiored,decorate] (0,3.52)--(2,3.52)--(3,4.704)--(6,4.704)--(7,0);
\draw[color=scandiored,decorate] (0,3.6)--(2,3.6)--(3,0);
\draw[color=scandiored,decorate] (0,3.23)--(2,3.23)--(3,0);
\draw[color=scandiored,decorate] (0,3.83)--(2,3.83)--(3,0);
\draw[color=scandioblue,decorate] (2,0)--(3,1.16)--(6,1.16)--(7,4.325)--(8,4.325);
\draw[color=scandioblue,decorate] (2,0)--(3,1.18)--(6,1.18)--(7,4.345)--(8,4.345);
\draw[color=scandioblue,decorate] (2,0)--(3,1.2)--(6,1.2)--(7,4.365)--(8,4.365);
\draw[color=scandioblue,decorate] (6,0)--(7,3.165)--(8,3.165);
\draw[color=scandioblue,decorate] (6,0)--(7,3.18)--(8,3.18);
\draw[color=scandioblue,decorate] (6,0)--(7,3.2)--(8,3.2);
\draw[color=scandioblue,decorate] (6,0)--(7,3.15)--(8,3.15);
\draw[color=scandioblue,decorate] (6,0)--(7,3.1)--(8,3.1);
\draw[color=scandioblue,decorate] (6,0)--(7,3.22)--(8,3.22);
\end{tikzpicture}
\end{document}

View File

@@ -2,7 +2,7 @@
\usepackage{fontspec}
\setmainfont{Roboto Light}
\usetikzlibrary{arrows.meta,calc,graphs,patterns,positioning,shapes.callouts,shapes.geometric,shapes.misc}
\usetikzlibrary{arrows.meta,calc,decorations.pathmorphing,graphs,patterns,positioning,shapes.callouts,shapes.geometric,shapes.misc}
\definecolor{scandioblue}{RGB}{66, 212, 251}
\definecolor{scandiored}{RGB}{210, 21, 21}

View File

@@ -1,4 +1,3 @@
<!--
<section class="sc-left-and-right" data-background-image="/backgrounds/title.svg">
<div class="sc-right">
<img src="/logo_scandio.svg" style="width: 50%;">
@@ -66,10 +65,9 @@
<section data-background-color="black">
Lösungen
</section>
-->
<section data-background-image="/backgrounds/normal.svg" data-background-position="top right">
<h3>Softwarearchitektur Heimdall</h3>
<section data-background-image="/backgrounds/normal-fewer-hexagons.svg" data-background-position="top right">
<h3>Architektur Heimdall</h3>
<center class="r-stack">
<img class="diagram fragment fade-out" data-fragment-index="1" src="/diagrams/arch1.svg">
<img class="diagram fragment fade-in-then-out" data-fragment-index="1" src="/diagrams/arch2.svg">
@@ -83,7 +81,7 @@
<img class="r-stretch" src="/diagrams/arch6.svg">
</section>
<section data-background-image="/backgrounds/normal.svg" data-background-position="top right">
<section data-background-image="/backgrounds/normal-fewer-hexagons.svg" data-background-position="top right">
<h3>Deploymentstrategie</h3>
<center class="r-stack">
<img class="diagram fragment fade-out" data-fragment-index="1" src="/diagrams/deployment1.svg">