Initial implementation of results parser

benchmark/website/source/utils.js

@@ -0,0 +1,48 @@
+// Generate unique looking color for a given bar index.
+function generateBarColor(index) {
+  var builtin_colors = [[255, 99, 132],
+                        [255, 159, 64],
+                        [255, 205, 86],
+                        [75, 192, 192],
+                        [54, 162, 235],
+                        [153, 102, 255],
+                        [201, 203, 207],
+                        [48, 103, 204],
+                        [220, 56, 18],
+                        [254, 155, 0],
+                        [15, 147, 25]];
+  var color = [0, 0, 0];
+  if (index >= 0 && index < builtin_colors.length) {
+    color = builtin_colors[index];
+  }
+  return "rgb(" + color[0].toString() + ", " +
+                  color[1].toString() + ", " +
+                  color[2].toString() + ")";
+}
+
+function buildChart(ctx, data) {
+  var max_value = 0;
+  for (dataset of data.datasets) {
+    for (value of dataset.data) {
+      max_value = Math.max(max_value, value);
+    }
+  }
+  window.myBar = new Chart(
+      ctx,
+      {
+        type: 'bar',
+        data: data,
+        options: { responsive: true,
+                   legend: {position: 'top'},
+                   title: {display: true,
+                           text: 'Benchmark Results'},
+                   scales: {xAxes: [{display: true,
+                                     scaleLabel: {display: true,
+                                                  labelString: 'Scene'}}],
+                            yAxes: [{display: true,
+                                     scaleLabel: {display: true,
+                                                  labelString: 'Render time (sec)'},
+                                     ticks: {min: 0,
+                                             max: Math.ceil(max_value * 1.25)}}]}}
+      });
+}