diff --git a/templates/index.html b/templates/index.html
index a4d9c96..e0cc691 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -149,4 +149,14 @@
   items.forEach(item => observer.observe(item));
 </script>
 
+<script type="module">
+  import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@9/dist/mermaid.esm.min.mjs';
+  mermaid.initialize({ startOnLoad: true });
+</script>
+
+<script nomodule src="https://unpkg.com/browse/mermaid@9.3.0/dist/mermaid.min.js"></script>
+<script nomodule>
+  mermaid.initialize({ startOnLoad: true });
+</script>
+
 </html>
\ No newline at end of file