Recreate Data Representation interactive for Field Guide

LICENCE-THIRD-PARTY

@@ -183,6 +183,15 @@ licensed under MIT licence.
 third-party-licences/cytoscape-no-overlap.txt
 ==============================================================================
 
+==============================================================================
+Data Visualization
+------------------------------------------------------------------------------
+https://github.com/ahallak/CISC374
+Copyright 2019 ahallak, sestrobel, joy-kitson, KMeyerUD.
+licensed under MIT licence.
+third-party-licences/data-visualization.txt
+==============================================================================
+
 ==============================================================================
 del
 ------------------------------------------------------------------------------

csfieldguide/interactives/content/en/interactives.yaml

@@ -46,6 +46,8 @@ confused-buttons:
   name: Confused Buttons
 confusing-error:
   name: Confusing Error
+data-visualisation:
+  name: Data Visualisation
 date-picker:
   name: Date Picker
 deceiver:

csfieldguide/interactives/content/structure/interactives.yaml

@@ -111,6 +111,10 @@ confusing-error:
     de: interactives/confusing-error.html
     es: interactives/confusing-error.html
   is_interactive: false
+data-visualisation:
+  languages:
+    en: interactives/data-visualisation.html
+  is_interactive: true
 date-picker:
   languages:
     en: interactives/date-picker.html

csfieldguide/package.json

@@ -23,6 +23,7 @@
     "csfg-interactive-city-trip": "file:./static/interactives/city-trip/",
     "csfg-interactive-cmy-mixer": "file:./static/interactives/cmy-mixer/",
     "csfg-interactive-colour-matcher": "file:./static/interactives/colour-matcher/",
+    "csfg-interactive-data-visualisation": "file:./static/interactives/data-visualisation/",
     "csfg-interactive-frequency-anaylsis": "file:./static/interactives/frequency-analysis/",
     "csfg-interactive-jpeg-compression": "file:./static/interactives/jpeg-compression/",
     "csfg-interactive-matrix-simplifier": "file:./static/interactives/matrix-simplifier/",

csfieldguide/static/interactives/data-visualisation/README.md

@@ -0,0 +1,24 @@
+# Data Visualisation interactive
+
+**Authors:**
+
+- Amjed Hallak
+- sestrobel
+- Joy Kitson
+- KMeyerUD
+
+The original can be found [here](https://github.com/ahallak/CISC374).
+
+**Recreated by:** Alasdair Smith
+
+This game serves to teach students that visualisation can help a user quickly identify trends in data, and that some visualisations are more helpful than others.
+
+## The Game
+
+The user is presented with a data set for a short period, then expected to enter the mode (most common value) of the data.
+This process is repeated with different visualisation techniques, including: a grid, heatmap, pie chard and bar chart.
+
+## Licences
+
+This interactive uses [Chart.js](https://www.chartjs.org/).
+Its licence, and that of the original game, is listed in `LICENCE-THIRD-PARTY`, with a full copy available in the `third-party-licences` directory.