diff --git a/chart.js b/chart.js
index f1d6055..2f489a2 100644
--- a/chart.js
+++ b/chart.js
@@ -1,11 +1,13 @@
 // SLA Data
 sla = null
-const request = async () => {
-  const response = await fetch('sla')
-  sla = await response.json();
-  sla = sla[0]
-}
-request();
+var xhttp = new XMLHttpRequest();
+xhttp.onreadystatechange = function() {
+  if (this.readyState == 4 && this.status == 200) {
+    sla =  this.responseText;
+  }
+};
+xhttp.open("GET", "sla.json", false);
+xhttp.send();
 
 // Charts colors
 const chartColors = [
diff --git a/index.html b/index.html
index 9f59ab0..9c52afa 100644
--- a/index.html
+++ b/index.html
@@ -17,11 +17,6 @@
       #chart-container > canvas {
         height: 400px;
       }
-      #ingestion-rate-box {
-        position: fixed;
-        top: 1em;
-        right: 25em;
-      }
     </style>
   </head>
   <body>
@@ -34,6 +29,11 @@
             </ul>
         </nav>
         <h1>ART Dashboard</h1>
+        <div id="ingestion-rate-box">
+          <label for="ingestion-rate-controller">Ingestion Rate</label>
+          <input id="ingestion-rate" type="number">
+          <input id="ingestion-rate-update" type="submit" value="Update">
+        </div>
     </header>
     <div id="chart-container">
       <canvas id="chart-ingestionRate"></canvas>
@@ -43,13 +43,10 @@
       <canvas id="chart-Delay (ms)"></canvas>
       <canvas id="chart-execTime (ms)"></canvas>
     </div>
-    <div id="ingestion-rate-box">
-      <label for="ingestion-rate-controller">Ingestion Rate</label>
-      <input id="ingestion-rate" type="number">
-    </div>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-annotation/0.5.7/chartjs-plugin-annotation.min.js"></script>
     <script src="chart.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.1.1/socket.io.slim.js"></script>
     <script src="ingestion-rate.js"></script>
     <footer id="footer">
       <p><a href="https://github.com/diogogithub/spark-art-dashboard">ART Dashboard</a> and <a href="https://github.com/diogogithub/excalibur_template/">Excalibur template</a> by <a href="https://www.diogo.site/">Diogo Cordeiro</a> - <a href="https://www.inesc-id.pt/">INESC-ID</a>
diff --git a/ingestion-rate.js b/ingestion-rate.js
new file mode 100644
index 0000000..39a28b6
--- /dev/null
+++ b/ingestion-rate.js
@@ -0,0 +1,22 @@
+var current_ingestion_rate = document.getElementById("ingestion-rate").value;
+var ws = new WebSocket('ws://localhost:3030/');
+
+ws.addEventListener('open', function open() {
+  console.log('connected');
+  ws.send(Date.now().toString(), {mask: true});
+});
+
+ws.addEventListener('close', function close() {
+  console.log('disconnected');
+});
+
+ws.addEventListener('message', function message(data, flags) {
+  console.log('Server response: ' + data.data, flags);
+});
+
+document.getElementById("ingestion-rate-update").addEventListener('click', function() {
+  if (document.getElementById("ingestion-rate").value != current_ingestion_rate) {
+    ws.send(document.getElementById("ingestion-rate").value, {mask: true});
+    current_ingestion_rate = document.getElementById("ingestion-rate").value;
+  }
+});
