* sample data + diagrams

demo/src/feedback_grid_test.js

+import { GridWidget } from "@polaris/dashboard-sdk";
+
+const data = [
+    {
+        type: "heatmap",
+        name: "",
+        options: {
+            showLegend: false,
+        },
+        data:
+        [
+
+        ]
+    }
+]
+
+
+export const feedbackGridDef = { "feedback-grid-widget" :
+    new GridWidget(
+        "Feedback",
+        "Feedback Element",
+        data,
+        {
+            direction: "row"
+        })
+}

demo/src/js/app.js

@@ -15,7 +15,10 @@ import {groupedBarChartDef, simpleGroupedBarChartDef} from "../grouped_bar_chart
 import { barChartDef, chartJSBarChartDef } from "../bar_chart_test";
 import { heatMapDef } from "../heatmap_test";
 import { gridDef } from "../grid_test";
+import { scatterGridDef } from "../scatter_grid_test";
 import "./style.css";
+import {mcTestGridDef} from "../mc_test_grid_test";
+import {feedbackGridDef} from "../feedback_grid_test";
 /**
  * JWT Token - hardcoded for demontrastion
  * This jwt token is generated in the backend.
@@ -129,10 +132,31 @@ const widgets_config = [
   },
   {
     x: 0,
+    y: 20,
+    w: 4,
+    h: 5,
+    widgetId: "grid-widget",
+  },
+  {
+    x: 4,
+    y: 15,
+    w: 4,
+    h: 5,
+    widgetId: "scatter-grid-widget",
+  },
+  {
+    x: 4,
+    y: 15,
+    w: 4,
+    h: 5,
+    widgetId: "mc-test-grid-widget",
+  },
+  {
+    x: 2,
     y: 15,
     w: 2,
-    h: 4,
-    widgetId: "grid-widget",
+    h: 5,
+    widgetId: "feedback-grid-widget",
   },
 ];
 
@@ -274,7 +298,10 @@ const buildWidgets = (data) => {
     ...barChartDef,
     ...chartJSBarChartDef,
     ...groupedBarChartDef,
-    ...simpleGroupedBarChartDef
+    ...simpleGroupedBarChartDef,
+    ...scatterGridDef,
+    ...mcTestGridDef,
+    ...feedbackGridDef
   };
 
   return widgets;

demo/src/mc_test_grid_test.js

+import { GridWidget } from "@polaris/dashboard-sdk";
+
+const data = [
+    {
+        type: "heatmap",
+        name: "Block 1",
+        options: {
+            showLegend: false,
+        },
+        data:
+        [
+
+        ]
+    },
+    {
+        type: "heatmap",
+        name: "Block 2",
+        options: {
+            showLegend: false,
+        },
+        data:
+        [
+
+        ]
+    },
+    {
+        type: "heatmap",
+        name: "Block 3",
+        options: {
+            showLegend: false,
+        },
+        data:
+        [
+
+        ]
+    }
+]
+
+
+export const mcTestGridDef = { "mc-test-grid-widget" :
+    new GridWidget(
+        "MC-Tests",
+        "Vergleich von Multiple-Choice Elementen",
+        data,
+        {
+            direction: "row"
+        })
+}

demo/src/scatter_grid_test.js

+import { GridWidget } from "@polaris/dashboard-sdk";
+
+const data = [
+    {
+        type: "heatmap",
+        name: "0-25%",
+        options: {
+            showLegend: false,
+        },
+        data:
+        [
+
+        ]
+    },
+    {
+        type: "heatmap",
+        name: "26-50%",
+        options: {
+            showLegend: false,
+        },
+        data:
+        [
+
+        ]
+    },
+    {
+        type: "heatmap",
+        name: "51-75%",
+        options: {
+            showLegend: false,
+        },
+        data:
+        [
+
+        ]
+    },
+    {
+        type: "heatmap",
+        name: "76-100%",
+        options: {
+            showLegend: false,
+        },
+        data:
+            [
+
+            ]
+    }
+]
+
+
+export const scatterGridDef = { "scatter-grid-widget" :
+    new GridWidget(
+        "Kursvergleich",
+        "Vergleich mit anderen Studierenden",
+        data,
+        {
+            direction: "row"
+        })
+}