demo-engagement-dashboard.json

{
  "annotations": {
    "list": [
      {
        "builtIn": 1,
        "datasource": {
          "type": "grafana",
          "uid": "-- Grafana --"
        },
        "enable": true,
        "hide": true,
        "iconColor": "rgba(0, 211, 255, 1)",
        "name": "Annotations & Alerts",
        "type": "dashboard"
      }
    ]
  },
  "editable": true,
  "fiscalYearStartMonth": 0,
  "graphTooltip": 0,
  "id": null,
  "links": [],
  "liveNow": false,
  "panels": [
    {
      "collapsed": false,
      "gridPos": {
        "h": 1,
        "w": 24,
        "x": 0,
        "y": 0
      },
      "id": 8,
      "panels": [],
      "title": "Engagement",
      "type": "row"
    },
    {
      "datasource": {
        "type": "marcusolsson-json-datasource",
        "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
      },
      "description": "Number of views and mins of watch time over each hour",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "palette-classic"
          },
          "custom": {
            "axisCenteredZero": false,
            "axisColorMode": "text",
            "axisLabel": "",
            "axisPlacement": "auto",
            "barAlignment": 0,
            "drawStyle": "line",
            "fillOpacity": 25,
            "gradientMode": "none",
            "hideFrom": {
              "legend": false,
              "tooltip": false,
              "viz": false
            },
            "lineInterpolation": "linear",
            "lineWidth": 1,
            "pointSize": 1,
            "scaleDistribution": {
              "type": "linear"
            },
            "showPoints": "auto",
            "spanNulls": false,
            "stacking": {
              "group": "A",
              "mode": "none"
            },
            "thresholdsStyle": {
              "mode": "off"
            }
          },
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green",
                "value": null
              },
              {
                "color": "red",
                "value": 80
              }
            ]
          }
        },
        "overrides": []
      },
      "gridPos": {
        "h": 8,
        "w": 12,
        "x": 0,
        "y": 1
      },
      "id": 2,
      "options": {
        "legend": {
          "calcs": [],
          "displayMode": "list",
          "placement": "bottom",
          "showLegend": true
        },
        "tooltip": {
          "mode": "single",
          "sort": "none"
        }
      },
      "pluginVersion": "9.5.2",
      "targets": [
        {
          "cacheDurationSeconds": 300,
          "datasource": {
            "type": "marcusolsson-json-datasource",
            "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
          },
          "fields": [
            {
              "jsonPath": "$[*].timestamp"
            },
            {
              "jsonPath": "$[*].viewCount",
              "language": "jsonpath",
              "name": ""
            },
            {
              "jsonPath": "$[*].playtimeMins",
              "language": "jsonpath",
              "name": ""
            }
          ],
          "method": "GET",
          "params": [
            [
              "timeStep",
              "hour"
            ]
          ],
          "queryParams": "",
          "refId": "A",
          "urlPath": ""
        }
      ],
      "title": "Hourly Views and Watch Time",
      "transformations": [
        {
          "id": "convertFieldType",
          "options": {
            "conversions": [
              {
                "destinationType": "time",
                "targetField": "timestamp"
              }
            ],
            "fields": {}
          }
        },
        {
          "id": "groupBy",
          "options": {
            "fields": {
              "playtimeMins": {
                "aggregations": [
                  "sum"
                ],
                "operation": "aggregate"
              },
              "timestamp": {
                "aggregations": [],
                "operation": "groupby"
              },
              "viewCount": {
                "aggregations": [
                  "sum"
                ],
                "operation": "aggregate"
              }
            }
          }
        }
      ],
      "type": "timeseries"
    },
    {
      "datasource": {
        "type": "marcusolsson-json-datasource",
        "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
      },
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "custom": {
            "hideFrom": {
              "legend": false,
              "tooltip": false,
              "viz": false
            }
          },
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green",
                "value": null
              },
              {
                "color": "red",
                "value": 80
              }
            ]
          }
        },
        "overrides": []
      },
      "gridPos": {
        "h": 8,
        "w": 12,
        "x": 12,
        "y": 1
      },
      "id": 21,
      "options": {
        "controls": {
          "mouseWheelZoom": true,
          "showAttribution": true,
          "showDebug": false,
          "showMeasure": false,
          "showScale": false,
          "showZoom": true
        },
        "layers": [
          {
            "config": {
              "showLegend": true,
              "style": {
                "color": {
                  "fixed": "dark-green"
                },
                "opacity": 0.4,
                "rotation": {
                  "fixed": 0,
                  "max": 360,
                  "min": -360,
                  "mode": "mod"
                },
                "size": {
                  "fixed": 5,
                  "max": 15,
                  "min": 2
                },
                "symbol": {
                  "fixed": "img/icons/marker/circle.svg",
                  "mode": "fixed"
                },
                "textConfig": {
                  "fontSize": 12,
                  "offsetX": 0,
                  "offsetY": 0,
                  "textAlign": "center",
                  "textBaseline": "middle"
                }
              }
            },
            "location": {
              "mode": "auto"
            },
            "name": "Layer 1",
            "tooltip": true,
            "type": "markers"
          }
        ],
        "tooltip": {
          "mode": "details"
        },
        "view": {
          "allLayers": true,
          "id": "zero",
          "lat": 0,
          "lon": 0,
          "zoom": 1
        }
      },
      "pluginVersion": "10.0.3",
      "targets": [
        {
          "cacheDurationSeconds": 300,
          "datasource": {
            "type": "marcusolsson-json-datasource",
            "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
          },
          "fields": [
            {
              "jsonPath": "$[*].geohash"
            },
            {
              "jsonPath": "$[*].viewCount",
              "language": "jsonpath",
              "name": ""
            }
          ],
          "method": "GET",
          "params": [
            [
              "breakdownBy[]",
              "geohash"
            ],
            [
              "from",
              "$__from"
            ],
            [
              "to",
              "$__to"
            ]
          ],
          "queryParams": "",
          "refId": "A",
          "urlPath": ""
        }
      ],
      "title": "Views by Geography",
      "transformations": [
        {
          "id": "groupBy",
          "options": {
            "fields": {
              "country": {
                "aggregations": [],
                "operation": "groupby"
              },
              "geohash": {
                "aggregations": [],
                "operation": "groupby"
              },
              "viewCount": {
                "aggregations": [
                  "sum"
                ],
                "operation": "aggregate"
              }
            }
          }
        }
      ],
      "type": "geomap"
    },
    {
      "datasource": {
        "type": "marcusolsson-json-datasource",
        "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
      },
      "description": "Number of views and minutes of watch time by the Operating System used (os). ",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "custom": {
            "align": "auto",
            "cellOptions": {
              "type": "auto"
            },
            "inspect": false
          },
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green",
                "value": null
              },
              {
                "color": "red",
                "value": 80
              }
            ]
          }
        },
        "overrides": []
      },
      "gridPos": {
        "h": 8,
        "w": 12,
        "x": 0,
        "y": 9
      },
      "id": 7,
      "options": {
        "cellHeight": "sm",
        "footer": {
          "countRows": false,
          "fields": "",
          "reducer": [
            "sum"
          ],
          "show": false
        },
        "showHeader": true,
        "sortBy": [
          {
            "desc": true,
            "displayName": "viewCount (sum)"
          }
        ]
      },
      "pluginVersion": "10.0.3",
      "targets": [
        {
          "cacheDurationSeconds": 300,
          "datasource": {
            "type": "marcusolsson-json-datasource",
            "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
          },
          "fields": [
            {
              "jsonPath": "$[*].os",
              "language": "jsonpath"
            },
            {
              "jsonPath": "$[*].viewCount",
              "language": "jsonpath",
              "name": ""
            },
            {
              "jsonPath": "$[*].playtimeMins",
              "language": "jsonpath",
              "name": ""
            }
          ],
          "method": "GET",
          "params": [
            [
              "breakdownBy[]",
              "os"
            ],
            [
              "from",
              "$__from"
            ],
            [
              "to",
              "$__to"
            ]
          ],
          "queryParams": "",
          "refId": "A",
          "urlPath": ""
        }
      ],
      "title": "Engagement by OS",
      "transformations": [
        {
          "id": "groupBy",
          "options": {
            "fields": {
              "os": {
                "aggregations": [],
                "operation": "groupby"
              },
              "playtimeMins": {
                "aggregations": [
                  "sum"
                ],
                "operation": "aggregate"
              },
              "viewCount": {
                "aggregations": [
                  "sum"
                ],
                "operation": "aggregate"
              }
            }
          }
        }
      ],
      "type": "table"
    },
    {
      "datasource": {
        "type": "marcusolsson-json-datasource",
        "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
      },
      "description": "Number of views and watch time for each video. Sorted by view count.",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "custom": {
            "align": "auto",
            "cellOptions": {
              "type": "auto"
            },
            "inspect": false
          },
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green",
                "value": null
              },
              {
                "color": "red",
                "value": 80
              }
            ]
          }
        },
        "overrides": []
      },
      "gridPos": {
        "h": 8,
        "w": 12,
        "x": 12,
        "y": 9
      },
      "id": 19,
      "options": {
        "cellHeight": "sm",
        "footer": {
          "countRows": false,
          "fields": "",
          "reducer": [
            "sum"
          ],
          "show": false
        },
        "showHeader": true,
        "sortBy": [
          {
            "desc": true,
            "displayName": "viewCount"
          }
        ]
      },
      "pluginVersion": "10.0.3",
      "targets": [
        {
          "cacheDurationSeconds": 300,
          "datasource": {
            "type": "marcusolsson-json-datasource",
            "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
          },
          "fields": [
            {
              "jsonPath": "$[*].playbackId"
            },
            {
              "jsonPath": "$[*].viewCount",
              "language": "jsonpath",
              "name": ""
            },
            {
              "jsonPath": "$[*].playtimeMins",
              "language": "jsonpath",
              "name": ""
            }
          ],
          "method": "GET",
          "params": [
            [
              "breakdownBy[]",
              "playbackId"
            ],
            [
              "from",
              "$__from"
            ],
            [
              "to",
              "$__to"
            ]
          ],
          "queryParams": "",
          "refId": "A",
          "urlPath": ""
        }
      ],
      "title": "Views and Watch Time by Video",
      "type": "table"
    },
    {
      "datasource": {
        "type": "marcusolsson-json-datasource",
        "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
      },
      "description": "Number of views and minutes of watch time by the continent they originated from.",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "custom": {
            "align": "auto",
            "cellOptions": {
              "type": "auto"
            },
            "inspect": false
          },
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green",
                "value": null
              },
              {
                "color": "red",
                "value": 80
              }
            ]
          }
        },
        "overrides": []
      },
      "gridPos": {
        "h": 8,
        "w": 12,
        "x": 0,
        "y": 17
      },
      "id": 5,
      "options": {
        "cellHeight": "sm",
        "footer": {
          "countRows": false,
          "fields": "",
          "reducer": [
            "sum"
          ],
          "show": false
        },
        "frameIndex": 0,
        "showHeader": true,
        "sortBy": [
          {
            "desc": true,
            "displayName": "viewCount (sum)"
          }
        ]
      },
      "pluginVersion": "10.0.3",
      "targets": [
        {
          "cacheDurationSeconds": 300,
          "datasource": {
            "type": "marcusolsson-json-datasource",
            "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
          },
          "fields": [
            {
              "jsonPath": "$[*].continent"
            },
            {
              "jsonPath": "$[*].viewCount",
              "language": "jsonpath",
              "name": ""
            },
            {
              "jsonPath": "$[*].playtimeMins",
              "language": "jsonpath",
              "name": ""
            }
          ],
          "method": "GET",
          "params": [
            [
              "breakdownBy[]",
              "continent"
            ],
            [
              "from",
              "$__from"
            ],
            [
              "to",
              "$__to"
            ]
          ],
          "queryParams": "",
          "refId": "A",
          "urlPath": ""
        }
      ],
      "title": "Views and Watch Time by Continent",
      "transformations": [
        {
          "id": "groupBy",
          "options": {
            "fields": {
              "A continent": {
                "aggregations": [],
                "operation": "groupby"
              },
              "A playtimeMins": {
                "aggregations": [
                  "sum"
                ],
                "operation": "aggregate"
              },
              "A viewCount": {
                "aggregations": [
                  "sum"
                ],
                "operation": "aggregate"
              },
              "continent": {
                "aggregations": [],
                "operation": "groupby"
              },
              "playtimeMins": {
                "aggregations": [
                  "sum"
                ],
                "operation": "aggregate"
              },
              "viewCount": {
                "aggregations": [
                  "sum"
                ],
                "operation": "aggregate"
              }
            }
          }
        }
      ],
      "type": "table"
    },
    {
      "datasource": {
        "type": "marcusolsson-json-datasource",
        "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
      },
      "description": "Number of views and minutes of watch time by the type of device used. \"None\" is the User-Agent did not have an device associated with it.",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "custom": {
            "align": "auto",
            "cellOptions": {
              "type": "auto"
            },
            "inspect": false
          },
          "mappings": [],
          "noValue": "None",
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green",
                "value": null
              },
              {
                "color": "red",
                "value": 80
              }
            ]
          }
        },
        "overrides": []
      },
      "gridPos": {
        "h": 8,
        "w": 12,
        "x": 12,
        "y": 17
      },
      "id": 20,
      "options": {
        "cellHeight": "sm",
        "footer": {
          "countRows": false,
          "fields": "",
          "reducer": [
            "sum"
          ],
          "show": false
        },
        "showHeader": true,
        "sortBy": [
          {
            "desc": true,
            "displayName": "viewCount"
          }
        ]
      },
      "pluginVersion": "10.0.3",
      "targets": [
        {
          "cacheDurationSeconds": 300,
          "datasource": {
            "type": "marcusolsson-json-datasource",
            "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
          },
          "fields": [
            {
              "jsonPath": "$[*].device"
            },
            {
              "jsonPath": "$[*].viewCount",
              "language": "jsonpath",
              "name": ""
            },
            {
              "jsonPath": "$[*].playtimeMins",
              "language": "jsonpath",
              "name": ""
            }
          ],
          "method": "GET",
          "params": [
            [
              "breakdownBy[]",
              "device"
            ],
            [
              "from",
              "$__from"
            ],
            [
              "to",
              "$__to"
            ]
          ],
          "queryParams": "",
          "refId": "A",
          "urlPath": ""
        }
      ],
      "title": "Views and Watch Time by Video",
      "transformations": [
        {
          "id": "groupBy",
          "options": {
            "fields": {
              "device": {
                "aggregations": [],
                "operation": "groupby"
              },
              "playtimeMins": {
                "aggregations": [
                  "sum"
                ],
                "operation": "aggregate"
              },
              "viewCount": {
                "aggregations": [
                  "sum"
                ],
                "operation": "aggregate"
              }
            }
          }
        }
      ],
      "type": "table"
    },
    {
      "datasource": {
        "type": "marcusolsson-json-datasource",
        "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
      },
      "description": "Number of views and minutes of watch time by the timezone they originated from. ",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "custom": {
            "align": "auto",
            "cellOptions": {
              "type": "auto"
            },
            "inspect": false
          },
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green"
              },
              {
                "color": "red",
                "value": 80
              }
            ]
          }
        },
        "overrides": []
      },
      "gridPos": {
        "h": 8,
        "w": 12,
        "x": 12,
        "y": 25
      },
      "id": 6,
      "options": {
        "cellHeight": "sm",
        "footer": {
          "countRows": false,
          "fields": "",
          "reducer": [
            "sum"
          ],
          "show": false
        },
        "showHeader": true,
        "sortBy": [
          {
            "desc": true,
            "displayName": "viewCount (sum)"
          }
        ]
      },
      "pluginVersion": "10.0.3",
      "targets": [
        {
          "cacheDurationSeconds": 300,
          "datasource": {
            "type": "marcusolsson-json-datasource",
            "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
          },
          "fields": [
            {
              "jsonPath": "$[*].timezone"
            },
            {
              "jsonPath": "$[*].viewCount",
              "language": "jsonpath",
              "name": ""
            },
            {
              "jsonPath": "$[*].playtimeMins",
              "language": "jsonpath",
              "name": ""
            }
          ],
          "method": "GET",
          "params": [
            [
              "breakdownBy[]",
              "timezone"
            ],
            [
              "from",
              "$__from"
            ],
            [
              "to",
              "$__to"
            ]
          ],
          "queryParams": "",
          "refId": "A",
          "urlPath": ""
        }
      ],
      "title": "Engagement by Timezone",
      "transformations": [
        {
          "id": "groupBy",
          "options": {
            "fields": {
              "playtimeMins": {
                "aggregations": [
                  "sum"
                ],
                "operation": "aggregate"
              },
              "timezone": {
                "aggregations": [],
                "operation": "groupby"
              },
              "viewCount": {
                "aggregations": [
                  "sum"
                ],
                "operation": "aggregate"
              }
            }
          }
        }
      ],
      "type": "table"
    },
    {
      "collapsed": false,
      "gridPos": {
        "h": 1,
        "w": 24,
        "x": 0,
        "y": 33
      },
      "id": 9,
      "panels": [],
      "title": "Performance",
      "type": "row"
    },
    {
      "datasource": {
        "type": "marcusolsson-json-datasource",
        "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
      },
      "description": "Average percentage of time the viewer experienced rebuffering.",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green"
              },
              {
                "color": "red",
                "value": 80
              }
            ]
          },
          "unit": "percentunit"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 8,
        "w": 4,
        "x": 0,
        "y": 34
      },
      "id": 22,
      "options": {
        "orientation": "auto",
        "reduceOptions": {
          "calcs": [
            "lastNotNull"
          ],
          "fields": "",
          "values": false
        },
        "showThresholdLabels": false,
        "showThresholdMarkers": true
      },
      "pluginVersion": "10.0.3",
      "targets": [
        {
          "cacheDurationSeconds": 300,
          "datasource": {
            "type": "marcusolsson-json-datasource",
            "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
          },
          "fields": [
            {
              "jsonPath": "$[*].rebufferRatio",
              "language": "jsonpath",
              "name": "",
              "type": "number"
            }
          ],
          "method": "GET",
          "params": [
            [
              "from",
              "$__from"
            ],
            [
              "to",
              "$__to"
            ]
          ],
          "queryParams": "",
          "refId": "A",
          "urlPath": ""
        }
      ],
      "title": "Rebuffering",
      "type": "gauge"
    },
    {
      "datasource": {
        "type": "marcusolsson-json-datasource",
        "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
      },
      "description": "Percentage of view sessions in which the viewer experienced an error.",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green"
              },
              {
                "color": "red",
                "value": 80
              }
            ]
          },
          "unit": "percentunit"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 8,
        "w": 4,
        "x": 4,
        "y": 34
      },
      "id": 23,
      "options": {
        "orientation": "auto",
        "reduceOptions": {
          "calcs": [
            "lastNotNull"
          ],
          "fields": "",
          "values": false
        },
        "showThresholdLabels": false,
        "showThresholdMarkers": true
      },
      "pluginVersion": "10.0.3",
      "targets": [
        {
          "cacheDurationSeconds": 300,
          "datasource": {
            "type": "marcusolsson-json-datasource",
            "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
          },
          "fields": [
            {
              "jsonPath": "$[*].errorRate",
              "language": "jsonpath",
              "name": ""
            },
            {
              "jsonPath": "",
              "language": "jsonpath",
              "name": ""
            }
          ],
          "method": "GET",
          "params": [
            [
              "from",
              "$__from"
            ],
            [
              "to",
              "$__to"
            ]
          ],
          "queryParams": "",
          "refId": "A",
          "urlPath": ""
        }
      ],
      "title": "Error Rate",
      "type": "gauge"
    },
    {
      "datasource": {
        "type": "marcusolsson-json-datasource",
        "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
      },
      "description": "Average number of milliseconds before the before the first frame was ready to be viewed. ",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green"
              }
            ]
          },
          "unit": "ms"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 8,
        "w": 4,
        "x": 8,
        "y": 34
      },
      "id": 24,
      "options": {
        "orientation": "auto",
        "reduceOptions": {
          "calcs": [
            "lastNotNull"
          ],
          "fields": "",
          "values": false
        },
        "showThresholdLabels": false,
        "showThresholdMarkers": true
      },
      "pluginVersion": "10.0.3",
      "targets": [
        {
          "cacheDurationSeconds": 300,
          "datasource": {
            "type": "marcusolsson-json-datasource",
            "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
          },
          "fields": [
            {
              "jsonPath": "timestamp",
              "language": "jsonata",
              "name": "timestamp",
              "type": "time"
            },
            {
              "jsonPath": "ttffMs",
              "language": "jsonata",
              "name": "ttffMs"
            }
          ],
          "method": "GET",
          "params": [
            [
              "timeStep",
              "hour"
            ],
            [
              "from",
              "$__from"
            ],
            [
              "to",
              "$__to"
            ]
          ],
          "queryParams": "",
          "refId": "A",
          "urlPath": ""
        }
      ],
      "title": "Time to First Frame",
      "transformations": [
        {
          "id": "groupBy",
          "options": {
            "fields": {
              "result0": {
                "aggregations": [],
                "operation": "groupby"
              },
              "result1": {
                "aggregations": [
                  "mean"
                ],
                "operation": "aggregate"
              },
              "timestamp": {
                "aggregations": [],
                "operation": "groupby"
              },
              "ttffMs": {
                "aggregations": [
                  "mean"
                ],
                "operation": "aggregate"
              }
            }
          }
        },
        {
          "id": "filterByValue",
          "options": {
            "filters": [
              {
                "config": {
                  "id": "greater",
                  "options": {
                    "value": 50000
                  }
                },
                "fieldName": "ttffMs (mean)"
              }
            ],
            "match": "any",
            "type": "exclude"
          }
        },
        {
          "id": "reduce",
          "options": {
            "reducers": [
              "mean"
            ]
          }
        }
      ],
      "type": "gauge"
    },
    {
      "datasource": {
        "type": "marcusolsson-json-datasource",
        "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
      },
      "description": "Percentage of view sessions in which the viewer experienced an error.",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "palette-classic"
          },
          "custom": {
            "axisCenteredZero": false,
            "axisColorMode": "text",
            "axisLabel": "",
            "axisPlacement": "auto",
            "barAlignment": 0,
            "drawStyle": "line",
            "fillOpacity": 0,
            "gradientMode": "none",
            "hideFrom": {
              "legend": false,
              "tooltip": false,
              "viz": false
            },
            "lineInterpolation": "linear",
            "lineWidth": 1,
            "pointSize": 5,
            "scaleDistribution": {
              "type": "linear"
            },
            "showPoints": "auto",
            "spanNulls": false,
            "stacking": {
              "group": "A",
              "mode": "none"
            },
            "thresholdsStyle": {
              "mode": "off"
            }
          },
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green"
              },
              {
                "color": "red",
                "value": 80
              }
            ]
          },
          "unit": "percentunit"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 8,
        "w": 12,
        "x": 12,
        "y": 34
      },
      "id": 14,
      "options": {
        "legend": {
          "calcs": [],
          "displayMode": "list",
          "placement": "bottom",
          "showLegend": true
        },
        "tooltip": {
          "mode": "single",
          "sort": "none"
        }
      },
      "pluginVersion": "9.5.2",
      "targets": [
        {
          "cacheDurationSeconds": 300,
          "datasource": {
            "type": "marcusolsson-json-datasource",
            "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
          },
          "fields": [
            {
              "jsonPath": "$[*].timestamp",
              "language": "jsonpath",
              "name": "",
              "type": "time"
            },
            {
              "jsonPath": "$[*].errorRate",
              "language": "jsonpath",
              "name": ""
            },
            {
              "jsonPath": "",
              "language": "jsonpath",
              "name": ""
            }
          ],
          "method": "GET",
          "params": [
            [
              "timeStep",
              "hour"
            ],
            [
              "from",
              "$__from"
            ],
            [
              "to",
              "$__to"
            ]
          ],
          "queryParams": "",
          "refId": "A",
          "urlPath": ""
        }
      ],
      "title": "Error Rate",
      "type": "timeseries"
    },
    {
      "datasource": {
        "type": "marcusolsson-json-datasource",
        "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
      },
      "description": "Average percentage of time the viewer experienced rebuffering.",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "palette-classic"
          },
          "custom": {
            "axisCenteredZero": false,
            "axisColorMode": "text",
            "axisLabel": "",
            "axisPlacement": "auto",
            "barAlignment": 0,
            "drawStyle": "line",
            "fillOpacity": 0,
            "gradientMode": "none",
            "hideFrom": {
              "legend": false,
              "tooltip": false,
              "viz": false
            },
            "lineInterpolation": "linear",
            "lineWidth": 1,
            "pointSize": 5,
            "scaleDistribution": {
              "type": "linear"
            },
            "showPoints": "auto",
            "spanNulls": false,
            "stacking": {
              "group": "A",
              "mode": "none"
            },
            "thresholdsStyle": {
              "mode": "off"
            }
          },
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green"
              },
              {
                "color": "red",
                "value": 80
              }
            ]
          },
          "unit": "percentunit"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 8,
        "w": 12,
        "x": 0,
        "y": 42
      },
      "id": 12,
      "options": {
        "legend": {
          "calcs": [],
          "displayMode": "list",
          "placement": "bottom",
          "showLegend": true
        },
        "tooltip": {
          "mode": "single",
          "sort": "none"
        }
      },
      "pluginVersion": "10.0.1",
      "targets": [
        {
          "cacheDurationSeconds": 300,
          "datasource": {
            "type": "marcusolsson-json-datasource",
            "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
          },
          "fields": [
            {
              "jsonPath": "$[*].timestamp",
              "language": "jsonpath",
              "name": "",
              "type": "time"
            },
            {
              "jsonPath": "$[*].rebufferRatio",
              "language": "jsonpath",
              "name": "",
              "type": "number"
            }
          ],
          "method": "GET",
          "params": [
            [
              "timeStep",
              "hour"
            ],
            [
              "from",
              "$__from"
            ],
            [
              "to",
              "$__to"
            ]
          ],
          "queryParams": "",
          "refId": "A",
          "urlPath": ""
        }
      ],
      "title": "Rebuffering",
      "type": "timeseries"
    },
    {
      "datasource": {
        "type": "marcusolsson-json-datasource",
        "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
      },
      "description": "Average number of milliseconds before the before the first frame was ready to be viewed. ",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "palette-classic"
          },
          "custom": {
            "axisCenteredZero": false,
            "axisColorMode": "text",
            "axisLabel": "",
            "axisPlacement": "auto",
            "barAlignment": 0,
            "drawStyle": "line",
            "fillOpacity": 97,
            "gradientMode": "hue",
            "hideFrom": {
              "legend": false,
              "tooltip": false,
              "viz": false
            },
            "lineInterpolation": "linear",
            "lineWidth": 1,
            "pointSize": 5,
            "scaleDistribution": {
              "type": "linear"
            },
            "showPoints": "auto",
            "spanNulls": false,
            "stacking": {
              "group": "A",
              "mode": "none"
            },
            "thresholdsStyle": {
              "mode": "off"
            }
          },
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green"
              },
              {
                "color": "red",
                "value": 80
              }
            ]
          },
          "unit": "ms"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 8,
        "w": 12,
        "x": 12,
        "y": 42
      },
      "id": 11,
      "options": {
        "legend": {
          "calcs": [],
          "displayMode": "list",
          "placement": "bottom",
          "showLegend": true
        },
        "tooltip": {
          "mode": "single",
          "sort": "none"
        }
      },
      "targets": [
        {
          "cacheDurationSeconds": 300,
          "datasource": {
            "type": "marcusolsson-json-datasource",
            "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
          },
          "fields": [
            {
              "jsonPath": "timestamp",
              "language": "jsonata",
              "name": "timestamp",
              "type": "time"
            },
            {
              "jsonPath": "ttffMs",
              "language": "jsonata",
              "name": "ttffMs"
            }
          ],
          "method": "GET",
          "params": [
            [
              "timeStep",
              "hour"
            ],
            [
              "from",
              "$__from"
            ],
            [
              "to",
              "$__to"
            ]
          ],
          "queryParams": "",
          "refId": "A",
          "urlPath": ""
        }
      ],
      "title": "Time to First Frame",
      "transformations": [
        {
          "id": "groupBy",
          "options": {
            "fields": {
              "result0": {
                "aggregations": [],
                "operation": "groupby"
              },
              "result1": {
                "aggregations": [
                  "mean"
                ],
                "operation": "aggregate"
              },
              "timestamp": {
                "aggregations": [],
                "operation": "groupby"
              },
              "ttffMs": {
                "aggregations": [
                  "mean"
                ],
                "operation": "aggregate"
              }
            }
          }
        }
      ],
      "type": "timeseries"
    },
    {
      "datasource": {
        "type": "marcusolsson-json-datasource",
        "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
      },
      "description": "The number of times a user left before the video played. Can be an indication of long loading times.",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "palette-classic"
          },
          "custom": {
            "axisCenteredZero": false,
            "axisColorMode": "text",
            "axisLabel": "",
            "axisPlacement": "auto",
            "barAlignment": 0,
            "drawStyle": "bars",
            "fillOpacity": 99,
            "gradientMode": "none",
            "hideFrom": {
              "legend": false,
              "tooltip": false,
              "viz": false
            },
            "lineInterpolation": "linear",
            "lineWidth": 1,
            "pointSize": 5,
            "scaleDistribution": {
              "type": "linear"
            },
            "showPoints": "auto",
            "spanNulls": false,
            "stacking": {
              "group": "A",
              "mode": "none"
            },
            "thresholdsStyle": {
              "mode": "off"
            }
          },
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green"
              },
              {
                "color": "red",
                "value": 80
              }
            ]
          },
          "unit": "none"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 8,
        "w": 12,
        "x": 0,
        "y": 50
      },
      "id": 15,
      "options": {
        "legend": {
          "calcs": [],
          "displayMode": "list",
          "placement": "bottom",
          "showLegend": true
        },
        "tooltip": {
          "mode": "single",
          "sort": "none"
        }
      },
      "pluginVersion": "9.5.2",
      "targets": [
        {
          "cacheDurationSeconds": 300,
          "datasource": {
            "type": "marcusolsson-json-datasource",
            "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
          },
          "fields": [
            {
              "jsonPath": "$[*].timestamp",
              "language": "jsonpath",
              "name": "",
              "type": "time"
            },
            {
              "jsonPath": "$[*].exitsBeforeStart",
              "language": "jsonpath",
              "name": ""
            },
            {
              "jsonPath": "",
              "language": "jsonpath",
              "name": ""
            }
          ],
          "method": "GET",
          "params": [
            [
              "timeStep",
              "hour"
            ],
            [
              "from",
              "$__from"
            ],
            [
              "to",
              "$__to"
            ]
          ],
          "queryParams": "",
          "refId": "A",
          "urlPath": ""
        }
      ],
      "title": "Exits Before Starts",
      "type": "timeseries"
    },
    {
      "datasource": {
        "type": "marcusolsson-json-datasource",
        "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
      },
      "description": "Primary performance metrics by Continent from which the view originated from.",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "custom": {
            "align": "auto",
            "cellOptions": {
              "type": "auto"
            },
            "inspect": false
          },
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green"
              },
              {
                "color": "red",
                "value": 80
              }
            ]
          },
          "unit": "none"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 8,
        "w": 12,
        "x": 12,
        "y": 50
      },
      "id": 16,
      "options": {
        "cellHeight": "sm",
        "footer": {
          "countRows": false,
          "fields": "",
          "reducer": [
            "sum"
          ],
          "show": false
        },
        "showHeader": true,
        "sortBy": [
          {
            "desc": true,
            "displayName": "rebufferRatio (mean)"
          }
        ]
      },
      "pluginVersion": "10.0.3",
      "targets": [
        {
          "cacheDurationSeconds": 300,
          "datasource": {
            "type": "marcusolsson-json-datasource",
            "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
          },
          "fields": [
            {
              "jsonPath": "$[*].continent"
            },
            {
              "jsonPath": "$[*].exitsBeforeStart",
              "language": "jsonpath",
              "name": "exitsBeforeStarts"
            },
            {
              "jsonPath": "$[*].rebufferRatio",
              "language": "jsonpath",
              "name": ""
            },
            {
              "jsonPath": "$[*].errorRate",
              "language": "jsonpath",
              "name": ""
            },
            {
              "jsonPath": "$[*].ttffMs",
              "language": "jsonpath",
              "name": ""
            }
          ],
          "method": "GET",
          "params": [
            [
              "breakdownBy[]",
              "continent"
            ],
            [
              "from",
              "$__from"
            ],
            [
              "to",
              "$__to"
            ]
          ],
          "queryParams": "",
          "refId": "A",
          "urlPath": ""
        }
      ],
      "title": "Continent",
      "transformations": [
        {
          "id": "groupBy",
          "options": {
            "fields": {
              "continent": {
                "aggregations": [],
                "operation": "groupby"
              },
              "errorRate": {
                "aggregations": [
                  "mean"
                ],
                "operation": "aggregate"
              },
              "existsBeforeStart": {
                "aggregations": [
                  "sum"
                ],
                "operation": "aggregate"
              },
              "exitsBeforeStarts": {
                "aggregations": [
                  "sum"
                ],
                "operation": "aggregate"
              },
              "rebufferRatio": {
                "aggregations": [
                  "mean"
                ],
                "operation": "aggregate"
              },
              "ttffMs": {
                "aggregations": [
                  "mean"
                ],
                "operation": "aggregate"
              }
            }
          }
        }
      ],
      "type": "table"
    },
    {
      "datasource": {
        "type": "marcusolsson-json-datasource",
        "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
      },
      "description": "Primary performance metrics by Operating System (os)",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "custom": {
            "align": "auto",
            "cellOptions": {
              "type": "auto"
            },
            "inspect": false
          },
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green"
              },
              {
                "color": "red",
                "value": 80
              }
            ]
          }
        },
        "overrides": []
      },
      "gridPos": {
        "h": 8,
        "w": 12,
        "x": 0,
        "y": 58
      },
      "id": 10,
      "options": {
        "cellHeight": "sm",
        "footer": {
          "countRows": false,
          "fields": "",
          "reducer": [
            "sum"
          ],
          "show": false
        },
        "showHeader": true
      },
      "pluginVersion": "10.0.3",
      "targets": [
        {
          "cacheDurationSeconds": 300,
          "datasource": {
            "type": "marcusolsson-json-datasource",
            "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
          },
          "fields": [
            {
              "jsonPath": "$[*].os"
            },
            {
              "jsonPath": "$[*].errorRate",
              "language": "jsonpath",
              "name": ""
            },
            {
              "jsonPath": "$[*].rebufferRatio",
              "language": "jsonpath",
              "name": ""
            },
            {
              "jsonPath": "$[*].ttffMs",
              "language": "jsonpath",
              "name": ""
            },
            {
              "jsonPath": "$[*].exitsBeforeStart",
              "language": "jsonpath",
              "name": ""
            }
          ],
          "method": "GET",
          "params": [
            [
              "breakdownBy[]",
              "os"
            ],
            [
              "from",
              "$__from"
            ],
            [
              "to",
              "$__to"
            ]
          ],
          "queryParams": "",
          "refId": "A",
          "urlPath": ""
        }
      ],
      "title": "Performance by Os",
      "transformations": [
        {
          "id": "groupBy",
          "options": {
            "fields": {
              "errorRate": {
                "aggregations": [
                  "mean"
                ],
                "operation": "aggregate"
              },
              "exitsBeforeStart": {
                "aggregations": [
                  "sum"
                ],
                "operation": "aggregate"
              },
              "os": {
                "aggregations": [],
                "operation": "groupby"
              },
              "rebufferRatio": {
                "aggregations": [
                  "mean"
                ],
                "operation": "aggregate"
              },
              "ttffMs": {
                "aggregations": [
                  "mean"
                ],
                "operation": "aggregate"
              }
            }
          }
        }
      ],
      "type": "table"
    },
    {
      "datasource": {
        "type": "marcusolsson-json-datasource",
        "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
      },
      "description": "Primary performance metrics by device used to view the video.",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "custom": {
            "align": "auto",
            "cellOptions": {
              "type": "auto"
            },
            "inspect": false
          },
          "mappings": [],
          "noValue": "None",
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green"
              },
              {
                "color": "red",
                "value": 80
              }
            ]
          },
          "unit": "none"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 8,
        "w": 12,
        "x": 12,
        "y": 58
      },
      "id": 18,
      "options": {
        "cellHeight": "sm",
        "footer": {
          "countRows": false,
          "fields": "",
          "reducer": [
            "sum"
          ],
          "show": false
        },
        "showHeader": true,
        "sortBy": [
          {
            "desc": true,
            "displayName": "rebufferRatio (mean)"
          }
        ]
      },
      "pluginVersion": "10.0.3",
      "targets": [
        {
          "cacheDurationSeconds": 300,
          "datasource": {
            "type": "marcusolsson-json-datasource",
            "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
          },
          "fields": [
            {
              "jsonPath": "$[*].device"
            },
            {
              "jsonPath": "$[*].exitsBeforeStart",
              "language": "jsonpath",
              "name": "exitsBeforeStarts"
            },
            {
              "jsonPath": "$[*].rebufferRatio",
              "language": "jsonpath",
              "name": ""
            },
            {
              "jsonPath": "$[*].errorRate",
              "language": "jsonpath",
              "name": ""
            },
            {
              "jsonPath": "$[*].ttffMs",
              "language": "jsonpath",
              "name": ""
            }
          ],
          "method": "GET",
          "params": [
            [
              "breakdownBy[]",
              "device"
            ],
            [
              "from",
              "$__from"
            ],
            [
              "to",
              "$__to"
            ]
          ],
          "queryParams": "",
          "refId": "A",
          "urlPath": ""
        }
      ],
      "title": "Device",
      "transformations": [
        {
          "id": "groupBy",
          "options": {
            "fields": {
              "browser": {
                "aggregations": [],
                "operation": "groupby"
              },
              "continent": {
                "aggregations": [],
                "operation": "groupby"
              },
              "device": {
                "aggregations": [],
                "operation": "groupby"
              },
              "errorRate": {
                "aggregations": [
                  "mean"
                ],
                "operation": "aggregate"
              },
              "existsBeforeStart": {
                "aggregations": [
                  "sum"
                ],
                "operation": "aggregate"
              },
              "exitsBeforeStarts": {
                "aggregations": [
                  "sum"
                ],
                "operation": "aggregate"
              },
              "rebufferRatio": {
                "aggregations": [
                  "mean"
                ],
                "operation": "aggregate"
              },
              "ttffMs": {
                "aggregations": [
                  "mean"
                ],
                "operation": "aggregate"
              }
            }
          }
        }
      ],
      "type": "table"
    },
    {
      "datasource": {
        "type": "marcusolsson-json-datasource",
        "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
      },
      "description": "Primary performance metrics by the Browser used to view the video.",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "custom": {
            "align": "auto",
            "cellOptions": {
              "type": "auto"
            },
            "inspect": false
          },
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green"
              },
              {
                "color": "red",
                "value": 80
              }
            ]
          },
          "unit": "none"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 8,
        "w": 12,
        "x": 0,
        "y": 66
      },
      "id": 17,
      "options": {
        "cellHeight": "sm",
        "footer": {
          "countRows": false,
          "fields": "",
          "reducer": [
            "sum"
          ],
          "show": false
        },
        "showHeader": true,
        "sortBy": [
          {
            "desc": true,
            "displayName": "rebufferRatio (mean)"
          }
        ]
      },
      "pluginVersion": "10.0.3",
      "targets": [
        {
          "cacheDurationSeconds": 300,
          "datasource": {
            "type": "marcusolsson-json-datasource",
            "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3"
          },
          "fields": [
            {
              "jsonPath": "$[*].browser"
            },
            {
              "jsonPath": "$[*].exitsBeforeStart",
              "language": "jsonpath",
              "name": "exitsBeforeStarts"
            },
            {
              "jsonPath": "$[*].rebufferRatio",
              "language": "jsonpath",
              "name": ""
            },
            {
              "jsonPath": "$[*].errorRate",
              "language": "jsonpath",
              "name": ""
            },
            {
              "jsonPath": "$[*].ttffMs",
              "language": "jsonpath",
              "name": ""
            }
          ],
          "method": "GET",
          "params": [
            [
              "breakdownBy[]",
              "browser"
            ],
            [
              "from",
              "$__from"
            ],
            [
              "to",
              "$__to"
            ]
          ],
          "queryParams": "",
          "refId": "A",
          "urlPath": ""
        }
      ],
      "title": "Browser",
      "transformations": [
        {
          "id": "groupBy",
          "options": {
            "fields": {
              "browser": {
                "aggregations": [],
                "operation": "groupby"
              },
              "continent": {
                "aggregations": [],
                "operation": "groupby"
              },
              "errorRate": {
                "aggregations": [
                  "mean"
                ],
                "operation": "aggregate"
              },
              "existsBeforeStart": {
                "aggregations": [
                  "sum"
                ],
                "operation": "aggregate"
              },
              "exitsBeforeStarts": {
                "aggregations": [
                  "sum"
                ],
                "operation": "aggregate"
              },
              "rebufferRatio": {
                "aggregations": [
                  "mean"
                ],
                "operation": "aggregate"
              },
              "ttffMs": {
                "aggregations": [
                  "mean"
                ],
                "operation": "aggregate"
              }
            }
          }
        }
      ],
      "type": "table"
    }
  ],
  "refresh": "",
  "schemaVersion": 38,
  "style": "dark",
  "tags": [],
  "templating": {
    "list": []
  },
  "time": {
    "from": "now-7d",
    "to": "now"
  },
  "timepicker": {},
  "timezone": "",
  "title": "Demo Engagement Dashboard",
  "uid": "cb157d33-dfc6-49a2-af79-0ce8edcb72f3",
  "version": 15,
  "weekStart": ""
}