diff --git a/fan_control/data/chartist.min.js.gz b/fan_control/data/chartist.min.js.gz
index 8e89a86..0b00306 100644
Binary files a/fan_control/data/chartist.min.js.gz and b/fan_control/data/chartist.min.js.gz differ
diff --git a/fan_control/data/favicon.ico b/fan_control/data/favicon.ico
new file mode 100644
index 0000000..1b7e6b1
Binary files /dev/null and b/fan_control/data/favicon.ico differ
diff --git a/fan_control/data/index.html b/fan_control/data/index.html
index b5d3c2d..7c4a26d 100644
--- a/fan_control/data/index.html
+++ b/fan_control/data/index.html
@@ -10,25 +10,28 @@
         }
     </style>
 </head>
-  <body>
-    <h1> Weekly </h1>
-    <div class="ct-chart chart1"></div>
-    <h1> Monthly </h1>
-    <div class="ct-chart chart2"></div>
-    <script >
-        function draw_chart(){
-            var data = {
-            // Our series array that contains series objects or in this case series data arrays
-            series: [
-            [5, 2, 4, 2, 0]
-            ]
-        };
-        weekly = new Chartist.Line('.chart1', data);
-        monthly = new Chartist.Line('.chart2', data);
-	};
-
-    </script>
-    <script  onload="draw_chart();" src="./chartist.min.js.gz"> </script>
+<body>
+  <h1> Weekly </h1>
+  <div class="ct-chart chart1"></div>
+  <h1> Monthly </h1>
+  <div class="ct-chart chart2"></div>
+  <script >
+    function load_charts(){
+      var xhttp = new XMLHttpRequest();
+      xhttp.onreadystatechange = function() {
+        if (this.readyState == 4 && this.status == 200) {
+          console.log(this.responseText);
+          var series = [5, 2, 4, 2, 0] ; // JSON.parse(this.responseText);
+          var data = { series: [ series ]  };
+          new Chartist.Line('.chart1', data);
+        }
+      }
+      xhttp.open("GET", "/data", true);
+      xhttp.send();
+    };
+    //monthly = new Chartist.Line('.chart2', data);
+  </script>
+  <script  onload="load_charts();" src="/chartist.min.js.gz"> </script>
 
 </body>
 </html>
