diff --git a/data/chart.htm b/data/chart.htm
new file mode 100644
index 0000000..b7a5587
--- /dev/null
+++ b/data/chart.htm
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+    <title>IKEA Home Sensor Diagram</title>
+    <script src="/chart.min.js"></script>
+    <script type="text/javascript">
+      function onBodyLoad(){
+        
+        const xhttp = new XMLHttpRequest();
+        xhttp.responseType = 'json';
+        xhttp.onload = function() {
+          var jsonResponse = this.response;
+          console.log("JSON received");
+          const ctx = document.getElementById('myChart');
+          const myChart = new Chart(ctx, {
+            type: 'line',
+            data: jsonResponse,
+            options: {
+                scales: {
+                    y: {
+                        beginAtZero: false
+                    }
+                }
+            }
+          });
+          console.log("Diagram generated");
+          }
+        xhttp.open("GET", "/diagram", true);
+        xhttp.send();
+      }
+    </script>
+  </head>
+  <body id="body" onload="onBodyLoad()">
+    <canvas id="myChart" width="100%" height="100"></canvas>
+  </body>
+</html>
\ No newline at end of file
diff --git a/data/index.htm b/data/index.htm
index 50b376b..cb4e2ff 100644
--- a/data/index.htm
+++ b/data/index.htm
@@ -14,7 +14,6 @@
         background-color: #b8b8b8; color: black;
       }
     </style>
-    <script src="/chart.min.js"></script>
     <script type="text/javascript">
       function mySensorTimer(){
         const xhttp = new XMLHttpRequest();
@@ -43,34 +42,6 @@
 
       function onBodyLoad(){
         setInterval(mySensorTimer, 5000);
-
-        // Test chart
-        const ctx = document.getElementById('myChart');
-        dynamicData = {
-                labels: [ "0", "-30", "-60", "-90", "-120", "-160" ],
-                datasets: [{
-                    label: 'temp',
-                    data: [24, 22, 23, 25, 22, 23],
-                    borderColor: "rgba(255,0,0,1)"
-                }, {
-                  label: 'pressure',
-                  data: [1000, 1002, 1003, 999, 996, 1000],
-                  borderColor: "rgba(0,0,255,1)"
-                }
-              ]
-              }
-        const myChart = new Chart(ctx, {
-            type: 'line',
-            data: dynamicData,
-            options: {
-                scales: {
-                    y: {
-                        beginAtZero: false
-                    }
-                }
-            }
-        });
-
       }
     </script>
   </head>
@@ -117,6 +88,9 @@
       </tr>
     </tbody>
     </table>
-    <canvas id="myChart" width="100%" height="100"></canvas>
+    <h1>Diagram</h1>
+    <p>
+      Can be found on the <a href="chart.htm">next page</a>.
+    </p>
   </body>
 </html>
diff --git a/platformio.ini b/platformio.ini
index 205ea9e..5a62172 100644
--- a/platformio.ini
+++ b/platformio.ini
@@ -25,4 +25,4 @@ lib_deps = https://github.com/homieiot/homie-esp8266.git#develop
             adafruit/Adafruit BMP280 Library @ ^2.4.2
             adafruit/Adafruit BME680 Library @ ^2.0.1
 
-upload_port = /dev/ttyUSB0
\ No newline at end of file
+upload_port = /dev/ttyUSB1
\ No newline at end of file
