diff --git a/public/js/extra.js b/public/js/extra.js
index af43c2b26..1dd867600 100644
--- a/public/js/extra.js
+++ b/public/js/extra.js
@@ -306,6 +306,7 @@ function finishView(view) {
         }
     });
     //graphviz
+    var Viz = require("viz.js");
     var graphvizs = view.find(".graphviz.raw").removeClass("raw");
     graphvizs.each(function (key, value) {
         try {
diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index abf2da12c..323d18f36 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -20,7 +20,7 @@
 <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
 <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
 <% } %>
-<!--codemirror-->
+<script src="//cdnjs.cloudflare.com/ajax/libs/viz.js/1.3.0/viz.js" defer></script>
 <%- include build/index-scripts %>
 <script src="<%- url %>/js/google-drive-upload.js" defer></script>
 <script src="<%- url %>/js/google-drive-picker.js" defer></script>
diff --git a/public/views/pretty.ejs b/public/views/pretty.ejs
index 7e617dc57..ecce68d96 100644
--- a/public/views/pretty.ejs
+++ b/public/views/pretty.ejs
@@ -102,6 +102,7 @@
 <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
 <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
 <% } %>
+<script src="//cdnjs.cloudflare.com/ajax/libs/viz.js/1.3.0/viz.js" defer></script>
 <%- include build/pretty-scripts %>
 <script src="<%- url %>/js/reveal-markdown.js" defer></script>
 <%- include ga %>
diff --git a/public/views/slide.ejs b/public/views/slide.ejs
index ac34006bc..5b24ab4ea 100644
--- a/public/views/slide.ejs
+++ b/public/views/slide.ejs
@@ -102,6 +102,7 @@
         <script src="<%- url %>/vendor/moment/min/moment-with-locales.js" defer></script>
         <script src="<%- url %>/vendor/mermaid/dist/mermaid.min.js" defer></script>
         <% } %>
+        <script src="//cdnjs.cloudflare.com/ajax/libs/viz.js/1.3.0/viz.js" defer></script>
         <%- include build/slide-scripts %>
     </body>
 </html>
diff --git a/webpackBaseConfig.js b/webpackBaseConfig.js
index 22ddaddab..33753ef59 100644
--- a/webpackBaseConfig.js
+++ b/webpackBaseConfig.js
@@ -66,6 +66,10 @@ module.exports = {
         extensions: ["", ".js"]
     },
 
+    externals: {
+        "viz.js": "Viz"
+    },
+
     module: {
         loaders: [{
             test: /\.json$/,