diff --git a/docs/js/diagram.js b/docs/js/diagram.js
new file mode 100644
index 0000000..41de0eb
--- /dev/null
+++ b/docs/js/diagram.js
@@ -0,0 +1,18 @@
+const init = () => {
+
+	const diagrams = document.querySelectorAll("div[id*=diagram]");
+
+	diagrams.forEach(diagram => {
+
+		diagram.addEventListener('click', () =>
+			diagram.classList.toggle('fullscreen-diagram')
+		)
+
+		window.addEventListener("keydown", (event) =>
+			diagram.classList.remove('fullscreen-diagram'), true);
+
+	});
+
+}
+
+document.addEventListener('DOMContentLoaded', init, false);
\ No newline at end of file