diff --git a/demo/arrows.html b/demo/arrows.html
index c9632f58..6138b0d1 100644
--- a/demo/arrows.html
+++ b/demo/arrows.html
@@ -4,7 +4,7 @@
 <title>Dagre D3 Demo: Arrows</title>
 
 <link rel="stylesheet" href="demo.css">
-<script src="https://d3js.org/d3.v4.min.js" charset="utf-8"></script>
+<script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
 <script src="../dagre-d3.js"></script>
 
 <style id="css">
diff --git a/demo/clusters.html b/demo/clusters.html
index 7b637bc0..2b4aa62f 100644
--- a/demo/clusters.html
+++ b/demo/clusters.html
@@ -4,7 +4,7 @@
 <title>Dagre D3 Demo: Clusters</title>
 
 <link rel="stylesheet" href="demo.css">
-<script src="https://d3js.org/d3.v4.min.js" charset="utf-8"></script>
+<script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
 <script src="../dagre-d3.js"></script>
 
 <h1>Dagre D3 Demo: Clusters</h1>
diff --git a/demo/dom.html b/demo/dom.html
index ea127cde..cd02989f 100644
--- a/demo/dom.html
+++ b/demo/dom.html
@@ -4,7 +4,7 @@
 <title>Dagre D3 Demo: DOM Example</title>
 
 <link rel="stylesheet" href="demo.css">
-<script src="https://d3js.org/d3.v4.min.js" charset="utf-8"></script>
+<script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
 <script src="../dagre-d3.js"></script>
 
 <h1>Dagre D3 Demo: DOM Example</h1>
diff --git a/demo/etl-status.html b/demo/etl-status.html
index e44c6048..00bbaaee 100644
--- a/demo/etl-status.html
+++ b/demo/etl-status.html
@@ -3,7 +3,7 @@
 <meta charset="utf-8">
 <title>Dagre D3 Renderer Demo</title>
 
-<script src="https://d3js.org/d3.v4.min.js" charset="utf-8"></script>
+<script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
 <script src="../dagre-d3.js"></script>
 
 <style>
diff --git a/demo/hover.html b/demo/hover.html
index 4cc55f59..7df0f416 100644
--- a/demo/hover.html
+++ b/demo/hover.html
@@ -4,7 +4,7 @@
 <title>Dagre D3 Demo: Tooltip on Hover</title>
 
 <link rel="stylesheet" href="demo.css">
-<script src="https://d3js.org/d3.v4.min.js" charset="utf-8"></script>
+<script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
 <script src="../dagre-d3.js"></script>
 
 <!-- Pull in JQuery dependencies -->
diff --git a/demo/sentence-tokenization.html b/demo/sentence-tokenization.html
index 2d3afdf3..fa957c3a 100644
--- a/demo/sentence-tokenization.html
+++ b/demo/sentence-tokenization.html
@@ -4,7 +4,7 @@
 <title>Dagre D3 Demo: Sentence Tokenization</title>
 
 <link rel="stylesheet" href="demo.css">
-<script src="https://d3js.org/d3.v4.min.js" charset="utf-8"></script>
+<script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
 <script src="../dagre-d3.js"></script>
 
 <h1>Dagre D3 Demo: Sentence Tokenization</h1>
diff --git a/demo/shapes.html b/demo/shapes.html
index 9ed26bd5..badc3eab 100644
--- a/demo/shapes.html
+++ b/demo/shapes.html
@@ -4,7 +4,7 @@
 <title>Dagre D3 Demo: Shapes</title>
 
 <link rel="stylesheet" href="demo.css">
-<script src="https://d3js.org/d3.v4.min.js" charset="utf-8"></script>
+<script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
 <script src="../dagre-d3.js"></script>
 
 <style id="css">
diff --git a/demo/style-attrs.html b/demo/style-attrs.html
index 14f89e1e..814a848a 100644
--- a/demo/style-attrs.html
+++ b/demo/style-attrs.html
@@ -4,7 +4,7 @@
 <title>Dagre D3 Demo: Style Attributes</title>
 
 <link rel="stylesheet" href="demo.css">
-<script src="https://d3js.org/d3.v4.min.js" charset="utf-8"></script>
+<script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
 <script src="../dagre-d3.js"></script>
 
 <h1>Dagre D3 Demo: Style Attributes</h1>
diff --git a/demo/svg-labels.html b/demo/svg-labels.html
index 7d4147d8..5f939593 100644
--- a/demo/svg-labels.html
+++ b/demo/svg-labels.html
@@ -4,7 +4,7 @@
 <title>Dagre D3 Demo: SVG Labels</title>
 
 <link rel="stylesheet" href="demo.css">
-<script src="https://d3js.org/d3.v4.min.js" charset="utf-8"></script>
+<script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
 <script src="../dagre-d3.js"></script>
 
 <h1>Dagre D3 Demo: SVG Labels</h1>
diff --git a/demo/tcp-state-diagram.html b/demo/tcp-state-diagram.html
index 3edc0687..751725b4 100644
--- a/demo/tcp-state-diagram.html
+++ b/demo/tcp-state-diagram.html
@@ -4,7 +4,7 @@
 <title>Dagre D3 Demo: TCP State Diagram</title>
 
 <link rel="stylesheet" href="demo.css">
-<script src="https://d3js.org/d3.v4.min.js" charset="utf-8"></script>
+<script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
 <script src="../dagre-d3.js"></script>
 
 <style id="css">
diff --git a/demo/user-defined.html b/demo/user-defined.html
index 8593ff6a..9f2121bd 100644
--- a/demo/user-defined.html
+++ b/demo/user-defined.html
@@ -4,7 +4,7 @@
 <title>Dagre D3 Demo: User-defined Shapes and Arrows</title>
 
 <link rel="stylesheet" href="demo.css">
-<script src="https://d3js.org/d3.v4.min.js" charset="utf-8"></script>
+<script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
 <script src="../dagre-d3.js"></script>
 
 <style id="css">