diff --git a/src/assets/svg/diagram.svg b/src/assets/svg/diagram.svg
new file mode 100644
index 0000000..41c7bae
--- /dev/null
+++ b/src/assets/svg/diagram.svg
@@ -0,0 +1,5491 @@
+
+
+
+
diff --git a/src/assets/svg/diagram_o.svg b/src/assets/svg/diagram_o.svg
new file mode 100644
index 0000000..95a323e
--- /dev/null
+++ b/src/assets/svg/diagram_o.svg
@@ -0,0 +1,1024 @@
+
+
+
diff --git a/src/components/Documentation/DocConnect.vue b/src/components/Documentation/DocConnect.vue
index 2775169..d3f46b7 100644
--- a/src/components/Documentation/DocConnect.vue
+++ b/src/components/Documentation/DocConnect.vue
@@ -27,6 +27,29 @@
+
+
+
+
+
+
+
+
+
+
To establish a websocket connection to
@@ -57,6 +80,8 @@