Report historical performance

static/index.html

@@ -41,6 +41,7 @@ found in the LICENSE file.
   <script type="text/javascript">
     google.setOnLoadCallback(drawVersionChart);
     google.setOnLoadCallback(drawMovementChart);
+    google.setOnLoadCallback(drawPerformanceChart);
 
     function drawVersionChart() {
       var jsonData = $.ajax({url: "summary.json", dataType:"json", async: false}).responseText;
@@ -97,6 +98,41 @@ found in the LICENSE file.
       var chart = new google.visualization.AreaChart(document.getElementById('movementChart'));
       chart.draw(data, options);
     }
+
+    function drawPerformanceChart() {
+      var jsonData = $.ajax({url: "performance.json", dataType:"json", async: false}).responseText;
+      var rows = JSON.parse(jsonData);
+
+      var data = new google.visualization.DataTable();
+      data.addColumn('date', 'Day');
+      data.addColumn('number', 'Hash Performance (MiB/s)');
+      data.addColumn('number', 'Memory Usage (MiB)');
+
+      for (var i = 1; i < rows.length; i++){
+        rows[i][0] = new Date(rows[i][0]);
+        if (rows[i][1] > 500) {
+          rows[i][1] = null;
+        }
+        data.addRow(rows[i]);
+      };
+
+      var options = {
+        legend: { position: 'bottom', alignment: 'center' },
+        colors: ['rgb(102,194,165)','rgb(252,141,98)','rgb(141,160,203)','rgb(231,138,195)','rgb(166,216,84)','rgb(255,217,47)'],
+        chartArea: {left: 80, top: 20, width: '940', height: '300'},
+        series: {
+          0: {targetAxisIndex: 0},
+          1: {targetAxisIndex: 1},
+        },
+        vAxes: {
+          0: {title: 'MiB/s'},
+          1: {title: 'MiB'},
+        }
+      };
+
+      var chart = new google.visualization.LineChart(document.getElementById('performanceChart'));
+      chart.draw(data, options);
+    }
   </script>
 </head>
 
@@ -119,9 +155,11 @@ found in the LICENSE file.
         <div class="img-thumbnail" id="movementChart" style="width: 1130px; height: 400px; padding: 10px;"></div>
         <p class="text-muted">
          Reappearance of users cause the "left" data to shrink retroactively.
-         Spikes in December 2014 were due to the unique ID format changing and have been partly removed to avoid skewing the graph scale.
         </p>
 
+        <div class="img-thumbnail" id="performanceChart" style="width: 1130px; height: 400px; padding: 10px;"></div>
+
+
         <h4 id="metrics">Usage Metrics</h4>
         <p>
           This is the aggregated usage report data for the last 24 hours. Data based on <b>{{.nodes}}</b> devices that have reported in.