diff --git a/examples/demo.js b/examples/demo.js
index af2a9edc..1d423b49 100644
--- a/examples/demo.js
+++ b/examples/demo.js
@@ -31,13 +31,13 @@ window.onload = function () {
   };
 
   versionManagement.getLatestVersionNumber(function(versionNumber) {
-    console.log("The latest NPM version number for Image Sequencer (from GitHub) is v" + versionNumber);
+    console.log('The latest NPM version number for Image Sequencer (from GitHub) is v' + versionNumber);
   });
-  console.log("The local version number for Image Sequencer is v" + versionManagement.getLocalVersionNumber());
+  console.log('The local version number for Image Sequencer is v' + versionManagement.getLocalVersionNumber());
 
   function displayVersionNumber() {
-    $('#version-number-text').text("Image Sequencer v" + versionManagement.getLocalVersionNumber());
-    $('#version-number-top-right').text("v" + versionManagement.getLocalVersionNumber());
+    $('#version-number-text').text('Image Sequencer v' + versionManagement.getLocalVersionNumber());
+    $('#version-number-top-right').text('v' + versionManagement.getLocalVersionNumber());
   }
   displayVersionNumber();
 
@@ -349,4 +349,4 @@ window.onload = function () {
   } else {
     insertPreview.updatePreviews('images/tulips.png', document.querySelector('#addStep'));
   }
-};
+};
\ No newline at end of file
diff --git a/src/modules/Average/Module.js b/src/modules/Average/Module.js
index 577b3a71..7f2497a6 100755
--- a/src/modules/Average/Module.js
+++ b/src/modules/Average/Module.js
@@ -42,8 +42,8 @@ module.exports = function Average(options, UI) {
       // report back and store average in metadata:
       options.step.metadata.averages = sum;
 
-      // TODO: refactor into a new "display()" method as per https://github.com/publiclab/image-sequencer/issues/242
-      if (options.step.inBrowser && options.step.ui) $(options.step.ui).find('.details').append('<p><b>Averages</b> (r, g, b, a): ' + sum.join(', ') + '</p>');
+      if (options.step.average === undefined) options.step.average = '';
+      options.step.average += 'rgba(' + sum.join(', ') + ')';
       return pixels;
     }
 
diff --git a/src/modules/Average/info.json b/src/modules/Average/info.json
index 16be5777..25525a78 100755
--- a/src/modules/Average/info.json
+++ b/src/modules/Average/info.json
@@ -3,5 +3,11 @@
     "description": "Average all pixel color",
     "inputs": {
     },
+    "outputs": {
+        "average": {
+            "type": "string",
+            "desc": "The average value of all the pixels."
+        }
+    },
     "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md#average-module"
 }