Recreate Data Representation interactive for Field Guide

LICENCE-THIRD-PARTY

@@ -65,6 +65,15 @@ licensed under MIT licence.
 third-party-licences/before-after.txt
 ==============================================================================
 
+==============================================================================
+Bias in Big Data
+------------------------------------------------------------------------------
+https://github.com/NCC74656/Bias-In-Big-Data-Interactive
+Copyright 2019 Mark Henszey Wolgin
+licensed under MIT licence.
+third-party-licences/bias-in-big-data.txt
+==============================================================================
+
 ==============================================================================
 big.js
 ------------------------------------------------------------------------------
@@ -184,12 +193,12 @@ third-party-licences/cytoscape-no-overlap.txt
 ==============================================================================
 
 ==============================================================================
-Bias in Big Data
+Data Visualization
 ------------------------------------------------------------------------------
-https://github.com/NCC74656/Bias-In-Big-Data-Interactive
-Copyright 2019 Mark Henszey Wolgin
+https://github.com/ahallak/CISC374
+Copyright 2019 ahallak, sestrobel, joy-kitson, KMeyerUD.
 licensed under MIT licence.
-third-party-licences/bias-in-big-data.txt
+third-party-licences/data-visualization.txt
 ==============================================================================
 
 ==============================================================================

csfieldguide/interactives/content/en/interactives.yaml

@@ -48,6 +48,8 @@ confusing-error:
   name: Confusing Error
 data-bias:
   name: Data Bias
+data-visualisation:
+  name: Data Visualisation
 date-picker:
   name: Date Picker
 deceiver:

csfieldguide/interactives/content/structure/interactives.yaml

@@ -115,6 +115,10 @@ data-bias:
   languages:
     en: interactives/data-bias.html
   is_interactive: true
+data-visualisation:
+  languages:
+    en: interactives/data-visualisation.html
+  is_interactive: true
 date-picker:
   languages:
     en: interactives/date-picker.html

csfieldguide/package.json

@@ -24,6 +24,7 @@
     "csfg-interactive-cmy-mixer": "file:./static/interactives/cmy-mixer/",
     "csfg-interactive-colour-matcher": "file:./static/interactives/colour-matcher/",
     "csfg-interactive-data-bias": "file:./static/interactives/data-bias/",
+    "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 chart 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.