Grafana dashboard: PageSummary [InfluxDB]
Description: Testing out Grafana with Sitespeed


{
  "__inputs": [
    {
      "name": "DS_INFLUXDB",
      "label": "InfluxDB",
      "description": "",
      "type": "datasource",
      "pluginId": "influxdb",
      "pluginName": "InfluxDB"
    }
  ],
  "__requires": [
    {
      "type": "grafana",
      "id": "grafana",
      "name": "Grafana",
      "version": "6.4.1"
    },
    {
      "type": "panel",
      "id": "graph",
      "name": "Graph",
      "version": ""
    },
    {
      "type": "datasource",
      "id": "influxdb",
      "name": "InfluxDB",
      "version": "1.0.0"
    },
    {
      "type": "panel",
      "id": "singlestat",
      "name": "Singlestat",
      "version": ""
    }
  ],
  "annotations": {
    "list": [
      {
        "builtIn": 1,
        "datasource": "-- Grafana --",
        "enable": true,
        "hide": true,
        "iconColor": "rgba(0, 211, 255, 1)",
        "name": "Annotations & Alerts",
        "type": "dashboard"
      },
      {
        "datasource": "${DS_INFLUXDB}",
        "enable": false,
        "iconColor": "rgba(255, 96, 96, 1)",
        "limit": 100,
        "name": "runs",
        "query": "select title, text, tags from events where $timeFilter AND \"tags\" =~ /$group/ AND \"tags\"  =~ /$page/ AND \"tags\" =~ /$browser/ AND \"tags\" =~  /$connectivity/ AND \"tags\" =~  /$category/",
        "tagsColumn": "tags",
        "textColumn": "text",
        "titleColumn": "title",
        "type": "alert"
      }
    ]
  },
  "editable": true,
  "gnetId": 13252,
  "graphTooltip": 0,
  "id": null,
  "iteration": 1570114485770,
  "links": [],
  "panels": [
    {
      "collapsed": false,
      "datasource": "${DS_GRAPHITE}",
      "gridPos": {
        "h": 1,
        "w": 24,
        "x": 0,
        "y": 0
      },
      "id": 55,
      "panels": [],
      "title": "Page metrics",
      "type": "row"
    },
    {
      "aliasColors": {},
      "bars": false,
      "dashLength": 10,
      "dashes": false,
      "datasource": "${DS_INFLUXDB}",
      "decimals": 2,
      "description": "",
      "fill": 0,
      "fillGradient": 0,
      "gridPos": {
        "h": 20,
        "w": 12,
        "x": 0,
        "y": 1
      },
      "id": 50,
      "interval": "",
      "legend": {
        "alignAsTable": true,
        "avg": false,
        "current": true,
        "max": true,
        "min": true,
        "show": true,
        "total": false,
        "values": true
      },
      "lines": true,
      "linewidth": 1,
      "links": [],
      "nullPointMode": "connected",
      "options": {
        "dataLinks": []
      },
      "percentage": false,
      "pointradius": 5,
      "points": false,
      "renderer": "flot",
      "seriesOverrides": [
        {
          "alias": "Last Visual Change",
          "color": "#FADE2A",
          "fillBelowTo": "First Visual Change",
          "lines": false
        }
      ],
      "spaceLength": 10,
      "stack": false,
      "steppedLine": false,
      "targets": [
        {
          "alias": "First Visual Change",
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "1h"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "FirstVisualChange",
          "orderByTime": "ASC",
          "policy": "default",
          "query": "SELECT median(\"median\") FROM \"FirstVisualChange\" WHERE (\"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"category\" =~ /^$category$/) AND $timeFilter GROUP BY time(1h) fill(null)",
          "rawQuery": false,
          "refId": "A",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "median"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        },
        {
          "alias": "Visual Complete 85",
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "1h"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "VisualComplete95",
          "orderByTime": "ASC",
          "policy": "default",
          "query": "SELECT median(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"category\" =~ /^$category$/ AND $timeFilter GROUP BY time(1h) fill(null)",
          "rawQuery": false,
          "refId": "B",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "median"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        },
        {
          "alias": "TTFB",
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "1h"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "serverResponseTime",
          "orderByTime": "ASC",
          "policy": "default",
          "query": "SELECT median(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"category\" =~ /^$category$/ AND $timeFilter GROUP BY time(1h) fill(null)",
          "rawQuery": false,
          "refId": "C",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "median"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        },
        {
          "alias": "Last Visual Change",
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "1h"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "LastVisualChange",
          "orderByTime": "ASC",
          "policy": "default",
          "query": "SELECT median(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"category\" =~ /^$category$/ AND $timeFilter GROUP BY time(1h) fill(null)",
          "rawQuery": false,
          "refId": "D",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "median"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        },
        {
          "alias": "Fully Loaded",
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "1h"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "fullyLoaded",
          "orderByTime": "ASC",
          "policy": "default",
          "query": "SELECT median(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"category\" =~ /^$category$/ AND $timeFilter GROUP BY time(1h) fill(null)",
          "rawQuery": false,
          "refId": "E",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "/^$function$/"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "median"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        },
        {
          "alias": "Heading",
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "1h"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "Heading",
          "orderByTime": "ASC",
          "policy": "default",
          "query": "SELECT median(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"category\" =~ /^$category$/ AND $timeFilter GROUP BY time(1h) fill(null)",
          "rawQuery": false,
          "refId": "F",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "median"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        },
        {
          "alias": "Largest Image",
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "1h"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "LargestImage",
          "orderByTime": "ASC",
          "policy": "default",
          "query": "SELECT median(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"category\" =~ /^$category$/ AND $timeFilter GROUP BY time(1h) fill(null)",
          "rawQuery": false,
          "refId": "G",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "median"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        },
        {
          "alias": "Speed Index",
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "1h"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "SpeedIndex",
          "orderByTime": "ASC",
          "policy": "default",
          "query": "SELECT median(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"category\" =~ /^$category$/ AND $timeFilter GROUP BY time(1h) fill(null)",
          "rawQuery": false,
          "refId": "H",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "median"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        },
        {
          "alias": "Perceptual Speed Index",
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "1h"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "PerceptualSpeedIndex",
          "orderByTime": "ASC",
          "policy": "default",
          "query": "SELECT median(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"category\" =~ /^$category$/ AND $timeFilter GROUP BY time(1h) fill(null)",
          "rawQuery": false,
          "refId": "I",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "median"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        }
      ],
      "thresholds": [],
      "timeFrom": null,
      "timeRegions": [],
      "timeShift": null,
      "title": "Metrics",
      "tooltip": {
        "shared": true,
        "sort": 2,
        "value_type": "individual"
      },
      "type": "graph",
      "xaxis": {
        "buckets": null,
        "mode": "time",
        "name": null,
        "show": true,
        "values": []
      },
      "yaxes": [
        {
          "format": "ms",
          "label": null,
          "logBase": 1,
          "max": null,
          "min": null,
          "show": true
        },
        {
          "format": "short",
          "label": null,
          "logBase": 1,
          "max": null,
          "min": null,
          "show": true
        }
      ],
      "yaxis": {
        "align": false,
        "alignLevel": null
      }
    },
    {
      "aliasColors": {},
      "bars": false,
      "cacheTimeout": null,
      "dashLength": 10,
      "dashes": false,
      "datasource": "${DS_INFLUXDB}",
      "decimals": 0,
      "description": "Total number of request for the page.",
      "fill": 0,
      "fillGradient": 0,
      "gridPos": {
        "h": 6,
        "w": 6,
        "x": 12,
        "y": 1
      },
      "id": 6,
      "legend": {
        "alignAsTable": true,
        "avg": false,
        "current": true,
        "max": true,
        "min": true,
        "show": true,
        "total": false,
        "values": true
      },
      "lines": true,
      "linewidth": 1,
      "links": [],
      "nullPointMode": "connected",
      "options": {
        "dataLinks": []
      },
      "percentage": false,
      "pointradius": 2,
      "points": false,
      "renderer": "flot",
      "seriesOverrides": [],
      "spaceLength": 10,
      "stack": false,
      "steppedLine": false,
      "targets": [
        {
          "alias": "Total requests",
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "$__interval"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "requests",
          "orderByTime": "ASC",
          "policy": "default",
          "query": "SELECT last(\"value\") FROM \"requests\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND $timeFilter GROUP BY time($__interval) fill(null)",
          "rawQuery": false,
          "refId": "A",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "value"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "last"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "summaryType",
              "operator": "=",
              "value": "pageSummary"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        }
      ],
      "thresholds": [],
      "timeFrom": null,
      "timeRegions": [],
      "timeShift": null,
      "title": "Requests",
      "tooltip": {
        "shared": true,
        "sort": 0,
        "value_type": "individual"
      },
      "type": "graph",
      "xaxis": {
        "buckets": null,
        "mode": "time",
        "name": null,
        "show": true,
        "values": []
      },
      "yaxes": [
        {
          "format": "none",
          "label": null,
          "logBase": 1,
          "max": null,
          "min": null,
          "show": true
        },
        {
          "format": "short",
          "label": null,
          "logBase": 1,
          "max": null,
          "min": null,
          "show": true
        }
      ],
      "yaxis": {
        "align": false,
        "alignLevel": null
      }
    },
    {
      "aliasColors": {},
      "bars": false,
      "cacheTimeout": null,
      "dashLength": 10,
      "dashes": false,
      "datasource": "${DS_INFLUXDB}",
      "description": "The total transfer size over the wire (compressed size if your asset is compressed) of all assets on the page. The content size is the uncompressed size for compressed text/css/html/js/font content.",
      "fill": 0,
      "fillGradient": 0,
      "gridPos": {
        "h": 6,
        "w": 6,
        "x": 18,
        "y": 1
      },
      "id": 51,
      "legend": {
        "alignAsTable": true,
        "avg": false,
        "current": true,
        "max": true,
        "min": true,
        "show": true,
        "total": false,
        "values": true
      },
      "lines": true,
      "linewidth": 1,
      "links": [],
      "nullPointMode": "connected",
      "options": {
        "dataLinks": []
      },
      "percentage": false,
      "pointradius": 2,
      "points": false,
      "renderer": "flot",
      "seriesOverrides": [],
      "spaceLength": 10,
      "stack": false,
      "steppedLine": false,
      "targets": [
        {
          "alias": "Transfer size",
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "$__interval"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "transferSize",
          "orderByTime": "ASC",
          "policy": "default",
          "query": "SELECT last(\"value\") FROM \"requests\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND $timeFilter GROUP BY time($__interval) fill(null)",
          "rawQuery": false,
          "refId": "A",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "value"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "last"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "summaryType",
              "operator": "=",
              "value": "pageSummary"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        },
        {
          "alias": "Content size",
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "$__interval"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "contentSize",
          "orderByTime": "ASC",
          "policy": "default",
          "query": "SELECT last(\"value\") FROM \"requests\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND $timeFilter GROUP BY time($__interval) fill(null)",
          "rawQuery": false,
          "refId": "B",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "value"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "last"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "summaryType",
              "operator": "=",
              "value": "pageSummary"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        }
      ],
      "thresholds": [],
      "timeFrom": null,
      "timeRegions": [],
      "timeShift": null,
      "title": "Total page size",
      "tooltip": {
        "shared": true,
        "sort": 2,
        "value_type": "individual"
      },
      "type": "graph",
      "xaxis": {
        "buckets": null,
        "mode": "time",
        "name": null,
        "show": true,
        "values": []
      },
      "yaxes": [
        {
          "format": "decbytes",
          "label": null,
          "logBase": 1,
          "max": null,
          "min": null,
          "show": true
        },
        {
          "format": "short",
          "label": null,
          "logBase": 1,
          "max": null,
          "min": null,
          "show": true
        }
      ],
      "yaxis": {
        "align": false,
        "alignLevel": null
      }
    },
    {
      "aliasColors": {},
      "bars": false,
      "cacheTimeout": null,
      "dashLength": 10,
      "dashes": false,
      "datasource": "${DS_INFLUXDB}",
      "decimals": 0,
      "description": "The number of DOM elements on the page.",
      "fill": 0,
      "fillGradient": 0,
      "gridPos": {
        "h": 6,
        "w": 6,
        "x": 12,
        "y": 7
      },
      "id": 52,
      "legend": {
        "alignAsTable": true,
        "avg": false,
        "current": true,
        "max": true,
        "min": true,
        "show": true,
        "total": false,
        "values": true
      },
      "lines": true,
      "linewidth": 1,
      "links": [],
      "nullPointMode": "connected",
      "options": {
        "dataLinks": []
      },
      "percentage": false,
      "pointradius": 2,
      "points": false,
      "renderer": "flot",
      "seriesOverrides": [],
      "spaceLength": 10,
      "stack": false,
      "steppedLine": false,
      "targets": [
        {
          "alias": "DOM elements",
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "$__interval"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "domElements",
          "orderByTime": "ASC",
          "policy": "default",
          "query": "SELECT last(\"value\") FROM \"requests\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND $timeFilter GROUP BY time($__interval) fill(null)",
          "rawQuery": false,
          "refId": "A",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "value"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "last"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "summaryType",
              "operator": "=",
              "value": "pageSummary"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        }
      ],
      "thresholds": [],
      "timeFrom": null,
      "timeRegions": [],
      "timeShift": null,
      "title": "DOM elements",
      "tooltip": {
        "shared": true,
        "sort": 0,
        "value_type": "individual"
      },
      "type": "graph",
      "xaxis": {
        "buckets": null,
        "mode": "time",
        "name": null,
        "show": true,
        "values": []
      },
      "yaxes": [
        {
          "format": "none",
          "label": null,
          "logBase": 1,
          "max": null,
          "min": null,
          "show": true
        },
        {
          "format": "short",
          "label": null,
          "logBase": 1,
          "max": null,
          "min": null,
          "show": true
        }
      ],
      "yaxis": {
        "align": false,
        "alignLevel": null
      }
    },
    {
      "aliasColors": {},
      "bars": false,
      "dashLength": 10,
      "dashes": false,
      "datasource": "${DS_INFLUXDB}",
      "decimals": 0,
      "description": "",
      "fill": 0,
      "fillGradient": 0,
      "gridPos": {
        "h": 6,
        "w": 6,
        "x": 18,
        "y": 7
      },
      "id": 72,
      "interval": "",
      "legend": {
        "alignAsTable": true,
        "avg": false,
        "current": true,
        "max": true,
        "min": true,
        "show": true,
        "total": false,
        "values": true
      },
      "lines": true,
      "linewidth": 2,
      "links": [],
      "nullPointMode": "connected",
      "options": {
        "dataLinks": []
      },
      "percentage": false,
      "pointradius": 5,
      "points": false,
      "renderer": "flot",
      "seriesOverrides": [],
      "spaceLength": 10,
      "stack": false,
      "steppedLine": false,
      "targets": [
        {
          "alias": "First visual change",
          "dsType": "influxdb",
          "groupBy": [],
          "measurement": "FirstVisualChange",
          "orderByTime": "ASC",
          "policy": "default",
          "refId": "B",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "stddev"
                ],
                "type": "field"
              }
            ]
          ],
          "tags": [
            {
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            },
            {
              "condition": "AND",
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            }
          ]
        }
      ],
      "thresholds": [],
      "timeFrom": null,
      "timeRegions": [],
      "timeShift": null,
      "title": "Visual Metrics stddev",
      "tooltip": {
        "shared": true,
        "sort": 0,
        "value_type": "individual"
      },
      "type": "graph",
      "xaxis": {
        "buckets": null,
        "mode": "time",
        "name": null,
        "show": true,
        "values": []
      },
      "yaxes": [
        {
          "decimals": 0,
          "format": "ms",
          "label": "",
          "logBase": 1,
          "max": null,
          "min": null,
          "show": true
        },
        {
          "format": "ms",
          "label": null,
          "logBase": 1,
          "max": null,
          "min": null,
          "show": false
        }
      ],
      "yaxis": {
        "align": false,
        "alignLevel": null
      }
    },
    {
      "aliasColors": {},
      "bars": false,
      "dashLength": 10,
      "dashes": false,
      "datasource": "${DS_INFLUXDB}",
      "decimals": 0,
      "description": "Metrics from the Long Task API. CPU tasks that takes more than 50 ms to run.",
      "fill": 0,
      "fillGradient": 0,
      "gridPos": {
        "h": 8,
        "w": 6,
        "x": 12,
        "y": 13
      },
      "id": 70,
      "interval": "",
      "legend": {
        "alignAsTable": true,
        "avg": false,
        "current": true,
        "max": true,
        "min": true,
        "show": true,
        "total": false,
        "values": true
      },
      "lines": true,
      "linewidth": 2,
      "links": [],
      "nullPointMode": "connected",
      "options": {
        "dataLinks": []
      },
      "percentage": false,
      "pointradius": 5,
      "points": false,
      "renderer": "flot",
      "seriesOverrides": [],
      "spaceLength": 10,
      "stack": false,
      "steppedLine": false,
      "targets": [
        {
          "alias": "After Load Event end",
          "dsType": "influxdb",
          "groupBy": [],
          "measurement": "tasks",
          "orderByTime": "ASC",
          "policy": "default",
          "refId": "B",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              }
            ]
          ],
          "tags": [
            {
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            },
            {
              "condition": "AND",
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "longTasks",
              "operator": "=",
              "value": "afterLoadEventEnd"
            }
          ]
        },
        {
          "alias": "Before first paint",
          "dsType": "influxdb",
          "groupBy": [],
          "measurement": "tasks",
          "orderByTime": "ASC",
          "policy": "default",
          "refId": "C",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              }
            ]
          ],
          "tags": [
            {
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            },
            {
              "condition": "AND",
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "longTasks",
              "operator": "=",
              "value": "beforeFirstPaint"
            }
          ]
        },
        {
          "alias": "Before first contentful paint",
          "dsType": "influxdb",
          "groupBy": [],
          "measurement": "tasks",
          "orderByTime": "ASC",
          "policy": "default",
          "refId": "D",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              }
            ]
          ],
          "tags": [
            {
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            },
            {
              "condition": "AND",
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "longTasks",
              "operator": "=",
              "value": "beforeFirstContentfulPaint"
            }
          ]
        }
      ],
      "thresholds": [],
      "timeFrom": null,
      "timeRegions": [],
      "timeShift": null,
      "title": "CPU long tasks",
      "tooltip": {
        "shared": true,
        "sort": 0,
        "value_type": "individual"
      },
      "type": "graph",
      "xaxis": {
        "buckets": null,
        "mode": "time",
        "name": null,
        "show": true,
        "values": []
      },
      "yaxes": [
        {
          "decimals": 0,
          "format": "none",
          "label": "",
          "logBase": 1,
          "max": null,
          "min": null,
          "show": true
        },
        {
          "format": "ms",
          "label": null,
          "logBase": 1,
          "max": null,
          "min": null,
          "show": false
        }
      ],
      "yaxis": {
        "align": false,
        "alignLevel": null
      }
    },
    {
      "aliasColors": {},
      "bars": false,
      "dashLength": 10,
      "dashes": false,
      "datasource": "${DS_INFLUXDB}",
      "decimals": 0,
      "description": "The longest CPU long task.",
      "fill": 0,
      "fillGradient": 0,
      "gridPos": {
        "h": 8,
        "w": 6,
        "x": 18,
        "y": 13
      },
      "id": 84,
      "interval": "",
      "legend": {
        "alignAsTable": true,
        "avg": false,
        "current": true,
        "max": true,
        "min": true,
        "show": true,
        "total": false,
        "values": true
      },
      "lines": true,
      "linewidth": 2,
      "links": [],
      "nullPointMode": "connected",
      "options": {
        "dataLinks": []
      },
      "percentage": false,
      "pointradius": 5,
      "points": false,
      "renderer": "flot",
      "seriesOverrides": [],
      "spaceLength": 10,
      "stack": false,
      "steppedLine": false,
      "targets": [
        {
          "alias": "Longest long task",
          "dsType": "influxdb",
          "groupBy": [],
          "measurement": "durations",
          "orderByTime": "ASC",
          "policy": "default",
          "refId": "B",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              }
            ]
          ],
          "tags": [
            {
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            },
            {
              "condition": "AND",
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "cpu",
              "operator": "=",
              "value": "longTask"
            }
          ]
        }
      ],
      "thresholds": [],
      "timeFrom": null,
      "timeRegions": [],
      "timeShift": null,
      "title": "CPU longest long task",
      "tooltip": {
        "shared": true,
        "sort": 0,
        "value_type": "individual"
      },
      "type": "graph",
      "xaxis": {
        "buckets": null,
        "mode": "time",
        "name": null,
        "show": true,
        "values": []
      },
      "yaxes": [
        {
          "decimals": 0,
          "format": "ms",
          "label": "",
          "logBase": 1,
          "max": null,
          "min": null,
          "show": true
        },
        {
          "format": "ms",
          "label": null,
          "logBase": 1,
          "max": null,
          "min": null,
          "show": false
        }
      ],
      "yaxis": {
        "align": false,
        "alignLevel": null
      }
    },
    {
      "aliasColors": {},
      "bars": false,
      "dashLength": 10,
      "dashes": false,
      "datasource": "${DS_INFLUXDB}",
      "decimals": 0,
      "description": "",
      "fill": 0,
      "fillGradient": 0,
      "gridPos": {
        "h": 8,
        "w": 24,
        "x": 0,
        "y": 21
      },
      "id": 71,
      "interval": "",
      "legend": {
        "alignAsTable": true,
        "avg": false,
        "current": true,
        "max": true,
        "min": true,
        "rightSide": true,
        "show": true,
        "total": false,
        "values": true
      },
      "lines": true,
      "linewidth": 2,
      "links": [],
      "nullPointMode": "connected",
      "options": {
        "dataLinks": []
      },
      "percentage": false,
      "pointradius": 5,
      "points": false,
      "renderer": "flot",
      "seriesOverrides": [],
      "spaceLength": 10,
      "stack": false,
      "steppedLine": false,
      "targets": [
        {
          "alias": "After Load Event end",
          "dsType": "influxdb",
          "groupBy": [],
          "measurement": "totalDuration",
          "orderByTime": "ASC",
          "policy": "default",
          "refId": "B",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              }
            ]
          ],
          "tags": [
            {
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            },
            {
              "condition": "AND",
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "longTasks",
              "operator": "=",
              "value": "afterLoadEventEnd"
            }
          ]
        },
        {
          "alias": "Before first paint",
          "dsType": "influxdb",
          "groupBy": [],
          "measurement": "totalDuration",
          "orderByTime": "ASC",
          "policy": "default",
          "refId": "C",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              }
            ]
          ],
          "tags": [
            {
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            },
            {
              "condition": "AND",
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "longTasks",
              "operator": "=",
              "value": "beforeFirstPaint"
            }
          ]
        },
        {
          "alias": "Before first contentful paint",
          "dsType": "influxdb",
          "groupBy": [],
          "measurement": "totalDuration",
          "orderByTime": "ASC",
          "policy": "default",
          "refId": "D",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              }
            ]
          ],
          "tags": [
            {
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            },
            {
              "condition": "AND",
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "longTasks",
              "operator": "=",
              "value": "beforeFirstContentfulPaint"
            }
          ]
        }
      ],
      "thresholds": [],
      "timeFrom": null,
      "timeRegions": [],
      "timeShift": null,
      "title": "CPU long tasks total duration",
      "tooltip": {
        "shared": true,
        "sort": 2,
        "value_type": "individual"
      },
      "type": "graph",
      "xaxis": {
        "buckets": null,
        "mode": "time",
        "name": null,
        "show": true,
        "values": []
      },
      "yaxes": [
        {
          "decimals": 0,
          "format": "ms",
          "label": "",
          "logBase": 1,
          "max": null,
          "min": null,
          "show": true
        },
        {
          "format": "ms",
          "label": null,
          "logBase": 1,
          "max": null,
          "min": null,
          "show": false
        }
      ],
      "yaxis": {
        "align": false,
        "alignLevel": null
      }
    },
    {
      "collapsed": true,
      "datasource": "${DS_GRAPHITE}",
      "gridPos": {
        "h": 1,
        "w": 24,
        "x": 0,
        "y": 29
      },
      "id": 64,
      "panels": [
        {
          "aliasColors": {},
          "bars": false,
          "dashLength": 10,
          "dashes": false,
          "datasource": "${DS_INFLUXDB}",
          "decimals": 2,
          "description": "The history of First Visual Change (when something for the first time is painted within the current viewport) showing the current median value, the average median per day and the average median per week.",
          "fill": 1,
          "fillGradient": 0,
          "gridPos": {
            "h": 11,
            "w": 12,
            "x": 0,
            "y": 1
          },
          "id": 8,
          "legend": {
            "alignAsTable": true,
            "avg": false,
            "current": true,
            "max": true,
            "min": true,
            "show": true,
            "total": false,
            "values": true
          },
          "lines": true,
          "linewidth": 1,
          "links": [],
          "nullPointMode": "connected",
          "options": {
            "dataLinks": []
          },
          "percentage": false,
          "pointradius": 5,
          "points": false,
          "renderer": "flot",
          "seriesOverrides": [],
          "spaceLength": 10,
          "stack": false,
          "steppedLine": false,
          "targets": [
            {
              "alias": "Median",
              "dsType": "influxdb",
              "groupBy": [
                {
                  "params": [
                    "1h"
                  ],
                  "type": "time"
                },
                {
                  "params": [
                    "null"
                  ],
                  "type": "fill"
                }
              ],
              "measurement": "FirstVisualChange",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT median(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"category\" =~ /^$category$/ AND $timeFilter GROUP BY time(1h) fill(null)",
              "rawQuery": false,
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "median"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                }
              ],
              "target": ""
            },
            {
              "alias": "Daily",
              "dsType": "influxdb",
              "groupBy": [
                {
                  "params": [
                    "1d"
                  ],
                  "type": "time"
                },
                {
                  "params": [
                    "previous"
                  ],
                  "type": "fill"
                }
              ],
              "measurement": "FirstVisualChange",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT median(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND $timeFilter AND  time > now() - 7d GROUP BY time(1d)",
              "rawQuery": false,
              "refId": "B",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "median"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                }
              ],
              "target": ""
            },
            {
              "alias": "Weekly",
              "dsType": "influxdb",
              "groupBy": [
                {
                  "params": [
                    "7d"
                  ],
                  "type": "time"
                },
                {
                  "params": [
                    "previous"
                  ],
                  "type": "fill"
                }
              ],
              "measurement": "FirstVisualChange",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT median(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"category\" =~ /^$category$/ AND $timeFilter GROUP BY time(1h) fill(null)",
              "rawQuery": false,
              "refId": "C",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "median"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                }
              ],
              "target": ""
            }
          ],
          "thresholds": [],
          "timeFrom": "30d",
          "timeRegions": [],
          "timeShift": null,
          "title": "First Visual Change",
          "tooltip": {
            "shared": true,
            "sort": 0,
            "value_type": "individual"
          },
          "type": "graph",
          "xaxis": {
            "buckets": null,
            "mode": "time",
            "name": null,
            "show": true,
            "values": []
          },
          "yaxes": [
            {
              "format": "ms",
              "label": null,
              "logBase": 1,
              "max": null,
              "min": null,
              "show": true
            },
            {
              "format": "short",
              "label": null,
              "logBase": 1,
              "max": null,
              "min": null,
              "show": true
            }
          ],
          "yaxis": {
            "align": false,
            "alignLevel": null
          }
        },
        {
          "aliasColors": {},
          "bars": false,
          "dashLength": 10,
          "dashes": false,
          "datasource": "${DS_INFLUXDB}",
          "description": "The history of [Speed Index](https://sites.google.com/a/webpagetest.org/docs/using-webpagetest/metrics/speed-index) showing the current median value, the average median per day and the average median per week.",
          "fill": 1,
          "fillGradient": 0,
          "gridPos": {
            "h": 11,
            "w": 12,
            "x": 12,
            "y": 1
          },
          "id": 9,
          "legend": {
            "alignAsTable": true,
            "avg": false,
            "current": true,
            "max": true,
            "min": true,
            "show": true,
            "total": false,
            "values": true
          },
          "lines": true,
          "linewidth": 1,
          "links": [],
          "nullPointMode": "connected",
          "options": {
            "dataLinks": []
          },
          "percentage": false,
          "pointradius": 5,
          "points": false,
          "renderer": "flot",
          "seriesOverrides": [],
          "spaceLength": 10,
          "stack": false,
          "steppedLine": false,
          "targets": [
            {
              "alias": "Median",
              "dsType": "influxdb",
              "groupBy": [
                {
                  "params": [
                    "1h"
                  ],
                  "type": "time"
                },
                {
                  "params": [
                    "null"
                  ],
                  "type": "fill"
                }
              ],
              "measurement": "SpeedIndex",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT median(\"median\") FROM \"SpeedIndex\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND $timeFilter GROUP BY time(1h) fill(null)",
              "rawQuery": false,
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "median"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                }
              ],
              "target": ""
            },
            {
              "alias": "Daily",
              "dsType": "influxdb",
              "groupBy": [
                {
                  "params": [
                    "1d"
                  ],
                  "type": "time"
                },
                {
                  "params": [
                    "previous"
                  ],
                  "type": "fill"
                }
              ],
              "measurement": "SpeedIndex",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT median(\"median\") FROM \"SpeedIndex\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"category\" =~ /^$category$/ AND $timeFilter GROUP BY time(1h) fill(null)",
              "rawQuery": false,
              "refId": "B",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "median"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                }
              ],
              "target": ""
            },
            {
              "alias": "Weekly",
              "dsType": "influxdb",
              "groupBy": [
                {
                  "params": [
                    "7d"
                  ],
                  "type": "time"
                },
                {
                  "params": [
                    "previous"
                  ],
                  "type": "fill"
                }
              ],
              "measurement": "SpeedIndex",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT median(\"median\") FROM \"SpeedIndex\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"category\" =~ /^$category$/ AND $timeFilter GROUP BY time(1h) fill(null)",
              "rawQuery": false,
              "refId": "C",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "median"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                }
              ],
              "target": ""
            }
          ],
          "thresholds": [],
          "timeFrom": "30d",
          "timeRegions": [],
          "timeShift": null,
          "title": "Speed Index",
          "tooltip": {
            "shared": true,
            "sort": 0,
            "value_type": "individual"
          },
          "type": "graph",
          "xaxis": {
            "buckets": null,
            "mode": "time",
            "name": null,
            "show": true,
            "values": []
          },
          "yaxes": [
            {
              "format": "none",
              "label": null,
              "logBase": 1,
              "max": null,
              "min": null,
              "show": true
            },
            {
              "format": "short",
              "label": null,
              "logBase": 1,
              "max": null,
              "min": null,
              "show": true
            }
          ],
          "yaxis": {
            "align": false,
            "alignLevel": null
          }
        },
        {
          "aliasColors": {},
          "bars": false,
          "dashLength": 10,
          "dashes": false,
          "datasource": "${DS_INFLUXDB}",
          "decimals": 2,
          "fill": 1,
          "fillGradient": 0,
          "gridPos": {
            "h": 9,
            "w": 8,
            "x": 0,
            "y": 12
          },
          "id": 10,
          "legend": {
            "alignAsTable": true,
            "avg": false,
            "current": true,
            "max": true,
            "min": true,
            "show": true,
            "total": false,
            "values": true
          },
          "lines": true,
          "linewidth": 1,
          "links": [],
          "nullPointMode": "connected",
          "options": {
            "dataLinks": []
          },
          "percentage": false,
          "pointradius": 5,
          "points": false,
          "renderer": "flot",
          "seriesOverrides": [],
          "spaceLength": 10,
          "stack": false,
          "steppedLine": false,
          "targets": [
            {
              "alias": "Median",
              "dsType": "influxdb",
              "groupBy": [
                {
                  "params": [
                    "1h"
                  ],
                  "type": "time"
                },
                {
                  "params": [
                    "null"
                  ],
                  "type": "fill"
                }
              ],
              "measurement": "VisualComplete85",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT median(\"median\") FROM \"VisualComplete85\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND $timeFilter GROUP BY time(1h) fill(null)",
              "rawQuery": false,
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "median"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                }
              ],
              "target": ""
            },
            {
              "alias": "Daily",
              "dsType": "influxdb",
              "groupBy": [
                {
                  "params": [
                    "1d"
                  ],
                  "type": "time"
                },
                {
                  "params": [
                    "previous"
                  ],
                  "type": "fill"
                }
              ],
              "measurement": "VisualComplete85",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT median(\"median\") FROM \"VisualComplete85\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"category\" =~ /^$category$/ AND $timeFilter GROUP BY time(1h) fill(null)",
              "rawQuery": false,
              "refId": "B",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "median"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                }
              ],
              "target": ""
            },
            {
              "alias": "Weekly",
              "dsType": "influxdb",
              "groupBy": [
                {
                  "params": [
                    "7d"
                  ],
                  "type": "time"
                },
                {
                  "params": [
                    "previous"
                  ],
                  "type": "fill"
                }
              ],
              "measurement": "VisualComplete85",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT median(\"median\") FROM \"VisualComplete85\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"category\" =~ /^$category$/ AND $timeFilter GROUP BY time(1h) fill(null)",
              "rawQuery": false,
              "refId": "C",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "median"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                }
              ],
              "target": ""
            }
          ],
          "thresholds": [],
          "timeFrom": "30d",
          "timeRegions": [],
          "timeShift": null,
          "title": "Visual Complete 85%",
          "tooltip": {
            "shared": true,
            "sort": 0,
            "value_type": "individual"
          },
          "type": "graph",
          "xaxis": {
            "buckets": null,
            "mode": "time",
            "name": null,
            "show": true,
            "values": []
          },
          "yaxes": [
            {
              "format": "ms",
              "label": null,
              "logBase": 1,
              "max": null,
              "min": null,
              "show": true
            },
            {
              "format": "short",
              "label": null,
              "logBase": 1,
              "max": null,
              "min": null,
              "show": true
            }
          ],
          "yaxis": {
            "align": false,
            "alignLevel": null
          }
        },
        {
          "aliasColors": {},
          "bars": false,
          "dashLength": 10,
          "dashes": false,
          "datasource": "${DS_INFLUXDB}",
          "decimals": 2,
          "fill": 1,
          "fillGradient": 0,
          "gridPos": {
            "h": 9,
            "w": 8,
            "x": 8,
            "y": 12
          },
          "id": 11,
          "legend": {
            "alignAsTable": true,
            "avg": false,
            "current": true,
            "max": true,
            "min": true,
            "show": true,
            "total": false,
            "values": true
          },
          "lines": true,
          "linewidth": 1,
          "links": [],
          "nullPointMode": "connected",
          "options": {
            "dataLinks": []
          },
          "percentage": false,
          "pointradius": 5,
          "points": false,
          "renderer": "flot",
          "seriesOverrides": [],
          "spaceLength": 10,
          "stack": false,
          "steppedLine": false,
          "targets": [
            {
              "alias": "Median",
              "dsType": "influxdb",
              "groupBy": [
                {
                  "params": [
                    "1h"
                  ],
                  "type": "time"
                },
                {
                  "params": [
                    "null"
                  ],
                  "type": "fill"
                }
              ],
              "measurement": "LastVisualChange",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT median(\"median\") FROM \"LastVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND $timeFilter GROUP BY time(1h) fill(null)",
              "rawQuery": false,
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "median"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                }
              ],
              "target": ""
            },
            {
              "alias": "Weekly",
              "dsType": "influxdb",
              "groupBy": [
                {
                  "params": [
                    "1d"
                  ],
                  "type": "time"
                },
                {
                  "params": [
                    "previous"
                  ],
                  "type": "fill"
                }
              ],
              "measurement": "LastVisualChange",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT median(\"median\") FROM \"LastVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"category\" =~ /^$category$/ AND $timeFilter GROUP BY time(1h) fill(null)",
              "rawQuery": false,
              "refId": "B",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "median"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                }
              ],
              "target": ""
            },
            {
              "alias": "Monthly",
              "dsType": "influxdb",
              "groupBy": [
                {
                  "params": [
                    "7d"
                  ],
                  "type": "time"
                },
                {
                  "params": [
                    "previous"
                  ],
                  "type": "fill"
                }
              ],
              "measurement": "LastVisualChange",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT median(\"median\") FROM \"LastVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"category\" =~ /^$category$/ AND $timeFilter GROUP BY time(1h) fill(null)",
              "rawQuery": false,
              "refId": "C",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "median"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                }
              ],
              "target": ""
            }
          ],
          "thresholds": [],
          "timeFrom": "30d",
          "timeRegions": [],
          "timeShift": null,
          "title": "Last Visual Change",
          "tooltip": {
            "shared": true,
            "sort": 0,
            "value_type": "individual"
          },
          "type": "graph",
          "xaxis": {
            "buckets": null,
            "mode": "time",
            "name": null,
            "show": true,
            "values": []
          },
          "yaxes": [
            {
              "format": "ms",
              "label": null,
              "logBase": 1,
              "max": null,
              "min": null,
              "show": true
            },
            {
              "format": "short",
              "label": null,
              "logBase": 1,
              "max": null,
              "min": null,
              "show": true
            }
          ],
          "yaxis": {
            "align": false,
            "alignLevel": null
          }
        },
        {
          "aliasColors": {},
          "bars": false,
          "dashLength": 10,
          "dashes": false,
          "datasource": "${DS_INFLUXDB}",
          "decimals": 2,
          "fill": 1,
          "fillGradient": 0,
          "gridPos": {
            "h": 9,
            "w": 8,
            "x": 16,
            "y": 12
          },
          "id": 25,
          "legend": {
            "alignAsTable": true,
            "avg": false,
            "current": true,
            "max": true,
            "min": true,
            "show": true,
            "total": false,
            "values": true
          },
          "lines": true,
          "linewidth": 1,
          "links": [],
          "nullPointMode": "connected",
          "options": {
            "dataLinks": []
          },
          "percentage": false,
          "pointradius": 5,
          "points": false,
          "renderer": "flot",
          "seriesOverrides": [],
          "spaceLength": 10,
          "stack": false,
          "steppedLine": false,
          "targets": [
            {
              "alias": "Median",
              "dsType": "influxdb",
              "groupBy": [
                {
                  "params": [
                    "1h"
                  ],
                  "type": "time"
                },
                {
                  "params": [
                    "null"
                  ],
                  "type": "fill"
                }
              ],
              "measurement": "fullyLoaded",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT median(\"median\") FROM \"LastVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"category\" =~ /^$category$/ AND $timeFilter GROUP BY time(1h) fill(null)",
              "rawQuery": false,
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "median"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                }
              ],
              "target": ""
            },
            {
              "alias": "Weekly",
              "dsType": "influxdb",
              "groupBy": [
                {
                  "params": [
                    "1d"
                  ],
                  "type": "time"
                },
                {
                  "params": [
                    "previous"
                  ],
                  "type": "fill"
                }
              ],
              "measurement": "fullyLoaded",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT median(\"median\") FROM \"fullyLoaded\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"category\" =~ /^$category$/ AND $timeFilter GROUP BY time(1h) fill(null)",
              "rawQuery": false,
              "refId": "B",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "median"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                }
              ],
              "target": ""
            },
            {
              "alias": "Monthly",
              "dsType": "influxdb",
              "groupBy": [
                {
                  "params": [
                    "7d"
                  ],
                  "type": "time"
                },
                {
                  "params": [
                    "previous"
                  ],
                  "type": "fill"
                }
              ],
              "measurement": "fullyLoaded",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT median(\"median\") FROM \"fullyLoaded\" WHERE \"group\" =~ /^$group$/ AND \"page\" =~ /^$page$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"category\" =~ /^$category$/ AND $timeFilter GROUP BY time(1h) fill(null)",
              "rawQuery": false,
              "refId": "C",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "median"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                }
              ],
              "target": ""
            }
          ],
          "thresholds": [],
          "timeFrom": "30d",
          "timeRegions": [],
          "timeShift": null,
          "title": "Fully Loaded",
          "tooltip": {
            "shared": true,
            "sort": 0,
            "value_type": "individual"
          },
          "type": "graph",
          "xaxis": {
            "buckets": null,
            "mode": "time",
            "name": null,
            "show": true,
            "values": []
          },
          "yaxes": [
            {
              "format": "ms",
              "label": null,
              "logBase": 1,
              "max": null,
              "min": null,
              "show": true
            },
            {
              "format": "short",
              "label": null,
              "logBase": 1,
              "max": null,
              "min": null,
              "show": true
            }
          ],
          "yaxis": {
            "align": false,
            "alignLevel": null
          }
        }
      ],
      "title": "Trends",
      "type": "row"
    },
    {
      "collapsed": false,
      "datasource": "${DS_GRAPHITE}",
      "gridPos": {
        "h": 1,
        "w": 24,
        "x": 0,
        "y": 30
      },
      "id": 62,
      "panels": [],
      "title": "PageXray",
      "type": "row"
    },
    {
      "cacheTimeout": null,
      "colorBackground": false,
      "colorValue": false,
      "colors": [
        "rgba(245, 54, 54, 0.9)",
        "rgba(237, 129, 40, 0.89)",
        "rgba(50, 172, 45, 0.97)"
      ],
      "datasource": "${DS_INFLUXDB}",
      "description": "The document height in pixels.",
      "format": "none",
      "gauge": {
        "maxValue": 100,
        "minValue": 0,
        "show": false,
        "thresholdLabels": false,
        "thresholdMarkers": true
      },
      "gridPos": {
        "h": 2,
        "w": 3,
        "x": 0,
        "y": 31
      },
      "id": 15,
      "interval": null,
      "links": [],
      "mappingType": 1,
      "mappingTypes": [
        {
          "name": "value to text",
          "value": 1
        },
        {
          "name": "range to text",
          "value": 2
        }
      ],
      "maxDataPoints": 100,
      "nullPointMode": "connected",
      "nullText": null,
      "options": {},
      "postfix": "",
      "postfixFontSize": "50%",
      "prefix": "",
      "prefixFontSize": "50%",
      "rangeMaps": [
        {
          "from": "null",
          "text": "N/A",
          "to": "null"
        }
      ],
      "sparkline": {
        "fillColor": "rgba(31, 118, 189, 0.18)",
        "full": false,
        "lineColor": "rgb(31, 120, 193)",
        "show": false
      },
      "tableColumn": "",
      "targets": [
        {
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "$__interval"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "documentHeight",
          "query": "SELECT last(\"value\") FROM \"documentHeight\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"origin\" = 'coach' AND $timeFilter GROUP BY time($__interval) fill(null)",
          "rawQuery": false,
          "refId": "A",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "value"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "last"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "summaryType",
              "operator": "=",
              "value": "pageSummary"
            },
            {
              "condition": "AND",
              "key": "origin",
              "operator": "=",
              "value": "coach"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        }
      ],
      "thresholds": "",
      "title": "Document height",
      "type": "singlestat",
      "valueFontSize": "80%",
      "valueMaps": [
        {
          "op": "=",
          "text": "N/A",
          "value": "null"
        }
      ],
      "valueName": "avg"
    },
    {
      "cacheTimeout": null,
      "colorBackground": false,
      "colorValue": false,
      "colors": [
        "rgba(245, 54, 54, 0.9)",
        "rgba(237, 129, 40, 0.89)",
        "rgba(50, 172, 45, 0.97)"
      ],
      "datasource": "${DS_INFLUXDB}",
      "format": "none",
      "gauge": {
        "maxValue": 100,
        "minValue": 0,
        "show": false,
        "thresholdLabels": false,
        "thresholdMarkers": true
      },
      "gridPos": {
        "h": 2,
        "w": 2,
        "x": 3,
        "y": 31
      },
      "id": 21,
      "interval": null,
      "links": [],
      "mappingType": 1,
      "mappingTypes": [
        {
          "name": "value to text",
          "value": 1
        },
        {
          "name": "range to text",
          "value": 2
        }
      ],
      "maxDataPoints": 100,
      "nullPointMode": "connected",
      "nullText": null,
      "options": {},
      "postfix": "",
      "postfixFontSize": "50%",
      "prefix": "",
      "prefixFontSize": "50%",
      "rangeMaps": [
        {
          "from": "null",
          "text": "N/A",
          "to": "null"
        }
      ],
      "sparkline": {
        "fillColor": "rgba(31, 118, 189, 0.18)",
        "full": false,
        "lineColor": "rgb(31, 120, 193)",
        "show": false
      },
      "tableColumn": "",
      "targets": [
        {
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "$__interval"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "cookieStats",
          "orderByTime": "ASC",
          "policy": "default",
          "query": "SELECT last(\"median\") FROM \"cookieStats\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"origin\" = 'pagexray' AND $timeFilter GROUP BY time($__interval) fill(null)",
          "rawQuery": false,
          "refId": "A",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "last"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "summaryType",
              "operator": "=",
              "value": "pageSummary"
            },
            {
              "condition": "AND",
              "key": "origin",
              "operator": "=",
              "value": "pagexray"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        }
      ],
      "thresholds": "",
      "title": "Cookies",
      "type": "singlestat",
      "valueFontSize": "80%",
      "valueMaps": [
        {
          "op": "=",
          "text": "N/A",
          "value": "null"
        }
      ],
      "valueName": "avg"
    },
    {
      "cacheTimeout": null,
      "colorBackground": false,
      "colorValue": false,
      "colors": [
        "rgba(245, 54, 54, 0.9)",
        "rgba(237, 129, 40, 0.89)",
        "rgba(50, 172, 45, 0.97)"
      ],
      "datasource": "${DS_INFLUXDB}",
      "format": "decbytes",
      "gauge": {
        "maxValue": 100,
        "minValue": 0,
        "show": false,
        "thresholdLabels": false,
        "thresholdMarkers": true
      },
      "gridPos": {
        "h": 2,
        "w": 3,
        "x": 5,
        "y": 31
      },
      "id": 22,
      "interval": null,
      "links": [],
      "mappingType": 1,
      "mappingTypes": [
        {
          "name": "value to text",
          "value": 1
        },
        {
          "name": "range to text",
          "value": 2
        }
      ],
      "maxDataPoints": 100,
      "nullPointMode": "connected",
      "nullText": null,
      "options": {},
      "postfix": "",
      "postfixFontSize": "50%",
      "prefix": "",
      "prefixFontSize": "50%",
      "rangeMaps": [
        {
          "from": "null",
          "text": "N/A",
          "to": "null"
        }
      ],
      "sparkline": {
        "fillColor": "rgba(31, 118, 189, 0.18)",
        "full": false,
        "lineColor": "rgb(31, 120, 193)",
        "show": false
      },
      "tableColumn": "",
      "targets": [
        {
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "$__interval"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "localStorageSize",
          "query": "SELECT last(\"median\") FROM \"cookieStats\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"origin\" = 'pagexray' AND $timeFilter GROUP BY time($__interval) fill(null)",
          "rawQuery": false,
          "refId": "A",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "value"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "last"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "summaryType",
              "operator": "=",
              "value": "pageSummary"
            },
            {
              "condition": "AND",
              "key": "origin",
              "operator": "=",
              "value": "coach"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        }
      ],
      "thresholds": "",
      "title": "Local storage size",
      "type": "singlestat",
      "valueFontSize": "80%",
      "valueMaps": [
        {
          "op": "=",
          "text": "N/A",
          "value": "null"
        }
      ],
      "valueName": "current"
    },
    {
      "cacheTimeout": null,
      "colorBackground": false,
      "colorValue": false,
      "colors": [
        "rgba(245, 54, 54, 0.9)",
        "rgba(237, 129, 40, 0.89)",
        "rgba(50, 172, 45, 0.97)"
      ],
      "datasource": "${DS_INFLUXDB}",
      "description": "The total number of iframes used on the page.",
      "format": "none",
      "gauge": {
        "maxValue": 100,
        "minValue": 0,
        "show": false,
        "thresholdLabels": false,
        "thresholdMarkers": true
      },
      "gridPos": {
        "h": 2,
        "w": 2,
        "x": 8,
        "y": 31
      },
      "id": 16,
      "interval": null,
      "links": [],
      "mappingType": 1,
      "mappingTypes": [
        {
          "name": "value to text",
          "value": 1
        },
        {
          "name": "range to text",
          "value": 2
        }
      ],
      "maxDataPoints": 100,
      "nullPointMode": "connected",
      "nullText": null,
      "options": {},
      "postfix": "",
      "postfixFontSize": "50%",
      "prefix": "",
      "prefixFontSize": "50%",
      "rangeMaps": [
        {
          "from": "null",
          "text": "N/A",
          "to": "null"
        }
      ],
      "sparkline": {
        "fillColor": "rgba(31, 118, 189, 0.18)",
        "full": false,
        "lineColor": "rgb(31, 120, 193)",
        "show": false
      },
      "tableColumn": "",
      "targets": [
        {
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "$__interval"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "iframes",
          "query": "SELECT last(\"value\") FROM \"iframes\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"origin\" = 'coach' AND $timeFilter GROUP BY time($__interval) fill(null)",
          "rawQuery": false,
          "refId": "A",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "value"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "last"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "summaryType",
              "operator": "=",
              "value": "pageSummary"
            },
            {
              "condition": "AND",
              "key": "origin",
              "operator": "=",
              "value": "coach"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        }
      ],
      "thresholds": "",
      "title": "IFrames",
      "type": "singlestat",
      "valueFontSize": "80%",
      "valueMaps": [
        {
          "op": "=",
          "text": "N/A",
          "value": "null"
        }
      ],
      "valueName": "avg"
    },
    {
      "cacheTimeout": null,
      "colorBackground": false,
      "colorValue": false,
      "colors": [
        "rgba(245, 54, 54, 0.9)",
        "rgba(237, 129, 40, 0.89)",
        "rgba(50, 172, 45, 0.97)"
      ],
      "datasource": "${DS_INFLUXDB}",
      "description": "The number of domains used in the page.",
      "format": "none",
      "gauge": {
        "maxValue": 100,
        "minValue": 0,
        "show": false,
        "thresholdLabels": false,
        "thresholdMarkers": true
      },
      "gridPos": {
        "h": 2,
        "w": 2,
        "x": 10,
        "y": 31
      },
      "id": 20,
      "interval": null,
      "links": [],
      "mappingType": 1,
      "mappingTypes": [
        {
          "name": "value to text",
          "value": 1
        },
        {
          "name": "range to text",
          "value": 2
        }
      ],
      "maxDataPoints": 100,
      "nullPointMode": "connected",
      "nullText": null,
      "options": {},
      "postfix": "",
      "postfixFontSize": "50%",
      "prefix": "",
      "prefixFontSize": "50%",
      "rangeMaps": [
        {
          "from": "null",
          "text": "N/A",
          "to": "null"
        }
      ],
      "sparkline": {
        "fillColor": "rgba(31, 118, 189, 0.18)",
        "full": false,
        "lineColor": "rgb(31, 120, 193)",
        "show": false
      },
      "tableColumn": "",
      "targets": [
        {
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "$__interval"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "totalDomains",
          "orderByTime": "ASC",
          "policy": "default",
          "query": "SELECT last(\"value\") FROM \"scripts\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"origin\" = 'coach' AND $timeFilter GROUP BY time($__interval) fill(null)",
          "rawQuery": false,
          "refId": "A",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "value"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "last"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "summaryType",
              "operator": "=",
              "value": "pageSummary"
            },
            {
              "condition": "AND",
              "key": "origin",
              "operator": "=",
              "value": "pagexray"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        }
      ],
      "thresholds": "",
      "title": "Domains",
      "type": "singlestat",
      "valueFontSize": "80%",
      "valueMaps": [
        {
          "op": "=",
          "text": "N/A",
          "value": "null"
        }
      ],
      "valueName": "avg"
    },
    {
      "cacheTimeout": null,
      "colorBackground": false,
      "colorValue": false,
      "colors": [
        "rgba(245, 54, 54, 0.9)",
        "rgba(237, 129, 40, 0.89)",
        "rgba(50, 172, 45, 0.97)"
      ],
      "datasource": "${DS_INFLUXDB}",
      "description": "The average DOM depth of the page.",
      "format": "none",
      "gauge": {
        "maxValue": 100,
        "minValue": 0,
        "show": false,
        "thresholdLabels": false,
        "thresholdMarkers": true
      },
      "gridPos": {
        "h": 2,
        "w": 3,
        "x": 12,
        "y": 31
      },
      "id": 17,
      "interval": null,
      "links": [],
      "mappingType": 1,
      "mappingTypes": [
        {
          "name": "value to text",
          "value": 1
        },
        {
          "name": "range to text",
          "value": 2
        }
      ],
      "maxDataPoints": 100,
      "nullPointMode": "connected",
      "nullText": null,
      "options": {},
      "postfix": "",
      "postfixFontSize": "50%",
      "prefix": "",
      "prefixFontSize": "50%",
      "rangeMaps": [
        {
          "from": "null",
          "text": "N/A",
          "to": "null"
        }
      ],
      "sparkline": {
        "fillColor": "rgba(31, 118, 189, 0.18)",
        "full": false,
        "lineColor": "rgb(31, 120, 193)",
        "show": false
      },
      "tableColumn": "",
      "targets": [
        {
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "$__interval"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "domDepth",
          "query": "SELECT last(\"value\") FROM \"iframes\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"origin\" = 'coach' AND $timeFilter GROUP BY time($__interval) fill(null)",
          "rawQuery": false,
          "refId": "A",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "avg"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "last"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "summaryType",
              "operator": "=",
              "value": "pageSummary"
            },
            {
              "condition": "AND",
              "key": "origin",
              "operator": "=",
              "value": "coach"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        }
      ],
      "thresholds": "",
      "title": "DOM depth (avg)",
      "type": "singlestat",
      "valueFontSize": "80%",
      "valueMaps": [
        {
          "op": "=",
          "text": "N/A",
          "value": "null"
        }
      ],
      "valueName": "avg"
    },
    {
      "cacheTimeout": null,
      "colorBackground": false,
      "colorValue": false,
      "colors": [
        "rgba(245, 54, 54, 0.9)",
        "rgba(237, 129, 40, 0.89)",
        "rgba(50, 172, 45, 0.97)"
      ],
      "datasource": "${DS_INFLUXDB}",
      "description": "The max depth of DOM elements on the page.",
      "format": "none",
      "gauge": {
        "maxValue": 100,
        "minValue": 0,
        "show": false,
        "thresholdLabels": false,
        "thresholdMarkers": true
      },
      "gridPos": {
        "h": 2,
        "w": 3,
        "x": 15,
        "y": 31
      },
      "id": 18,
      "interval": null,
      "links": [],
      "mappingType": 1,
      "mappingTypes": [
        {
          "name": "value to text",
          "value": 1
        },
        {
          "name": "range to text",
          "value": 2
        }
      ],
      "maxDataPoints": 100,
      "nullPointMode": "connected",
      "nullText": null,
      "options": {},
      "postfix": "",
      "postfixFontSize": "50%",
      "prefix": "",
      "prefixFontSize": "50%",
      "rangeMaps": [
        {
          "from": "null",
          "text": "N/A",
          "to": "null"
        }
      ],
      "sparkline": {
        "fillColor": "rgba(31, 118, 189, 0.18)",
        "full": false,
        "lineColor": "rgb(31, 120, 193)",
        "show": false
      },
      "tableColumn": "",
      "targets": [
        {
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "$__interval"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "domDepth",
          "query": "SELECT last(\"avg\") FROM \"domDepth\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"origin\" = 'coach' AND $timeFilter GROUP BY time($__interval) fill(null)",
          "rawQuery": false,
          "refId": "A",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "max"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "last"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "summaryType",
              "operator": "=",
              "value": "pageSummary"
            },
            {
              "condition": "AND",
              "key": "origin",
              "operator": "=",
              "value": "coach"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        }
      ],
      "thresholds": "",
      "title": "DOM depth (max)",
      "type": "singlestat",
      "valueFontSize": "80%",
      "valueMaps": [
        {
          "op": "=",
          "text": "N/A",
          "value": "null"
        }
      ],
      "valueName": "avg"
    },
    {
      "cacheTimeout": null,
      "colorBackground": false,
      "colorValue": false,
      "colors": [
        "rgba(245, 54, 54, 0.9)",
        "rgba(237, 129, 40, 0.89)",
        "rgba(50, 172, 45, 0.97)"
      ],
      "datasource": "${DS_INFLUXDB}",
      "description": "",
      "format": "ms",
      "gauge": {
        "maxValue": 100,
        "minValue": 0,
        "show": false,
        "thresholdLabels": false,
        "thresholdMarkers": true
      },
      "gridPos": {
        "h": 2,
        "w": 3,
        "x": 18,
        "y": 31
      },
      "id": 75,
      "interval": null,
      "links": [],
      "mappingType": 1,
      "mappingTypes": [
        {
          "name": "value to text",
          "value": 1
        },
        {
          "name": "range to text",
          "value": 2
        }
      ],
      "maxDataPoints": 100,
      "nullPointMode": "connected",
      "nullText": null,
      "options": {},
      "postfix": "",
      "postfixFontSize": "50%",
      "prefix": "",
      "prefixFontSize": "50%",
      "rangeMaps": [
        {
          "from": "null",
          "text": "N/A",
          "to": "null"
        }
      ],
      "sparkline": {
        "fillColor": "rgba(31, 118, 189, 0.18)",
        "full": false,
        "lineColor": "rgb(31, 120, 193)",
        "show": false
      },
      "tableColumn": "",
      "targets": [
        {
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "$__interval"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "lastModifiedStats",
          "orderByTime": "ASC",
          "policy": "default",
          "query": "SELECT last(\"avg\") FROM \"domDepth\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"origin\" = 'coach' AND $timeFilter GROUP BY time($__interval) fill(null)",
          "rawQuery": false,
          "refId": "A",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "max"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "last"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "summaryType",
              "operator": "=",
              "value": "pageSummary"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        }
      ],
      "thresholds": "",
      "title": "Last modified [median]",
      "type": "singlestat",
      "valueFontSize": "80%",
      "valueMaps": [
        {
          "op": "=",
          "text": "N/A",
          "value": "null"
        }
      ],
      "valueName": "avg"
    },
    {
      "cacheTimeout": null,
      "colorBackground": false,
      "colorValue": false,
      "colors": [
        "rgba(245, 54, 54, 0.9)",
        "rgba(237, 129, 40, 0.89)",
        "rgba(50, 172, 45, 0.97)"
      ],
      "datasource": "${DS_INFLUXDB}",
      "description": "",
      "format": "ms",
      "gauge": {
        "maxValue": 100,
        "minValue": 0,
        "show": false,
        "thresholdLabels": false,
        "thresholdMarkers": true
      },
      "gridPos": {
        "h": 2,
        "w": 3,
        "x": 21,
        "y": 31
      },
      "id": 76,
      "interval": null,
      "links": [],
      "mappingType": 1,
      "mappingTypes": [
        {
          "name": "value to text",
          "value": 1
        },
        {
          "name": "range to text",
          "value": 2
        }
      ],
      "maxDataPoints": 100,
      "nullPointMode": "connected",
      "nullText": null,
      "options": {},
      "postfix": "",
      "postfixFontSize": "50%",
      "prefix": "",
      "prefixFontSize": "50%",
      "rangeMaps": [
        {
          "from": "null",
          "text": "N/A",
          "to": "null"
        }
      ],
      "sparkline": {
        "fillColor": "rgba(31, 118, 189, 0.18)",
        "full": false,
        "lineColor": "rgb(31, 120, 193)",
        "show": false
      },
      "tableColumn": "",
      "targets": [
        {
          "dsType": "influxdb",
          "groupBy": [
            {
              "params": [
                "$__interval"
              ],
              "type": "time"
            },
            {
              "params": [
                "null"
              ],
              "type": "fill"
            }
          ],
          "measurement": "expireStats",
          "orderByTime": "ASC",
          "policy": "default",
          "query": "SELECT last(\"avg\") FROM \"domDepth\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"origin\" = 'coach' AND $timeFilter GROUP BY time($__interval) fill(null)",
          "rawQuery": false,
          "refId": "A",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "max"
                ],
                "type": "field"
              },
              {
                "params": [],
                "type": "last"
              }
            ]
          ],
          "tags": [
            {
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "summaryType",
              "operator": "=",
              "value": "pageSummary"
            },
            {
              "condition": "AND",
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            }
          ],
          "target": ""
        }
      ],
      "thresholds": "",
      "title": "Cache expire [median]",
      "type": "singlestat",
      "valueFontSize": "80%",
      "valueMaps": [
        {
          "op": "=",
          "text": "N/A",
          "value": "null"
        }
      ],
      "valueName": "avg"
    },
    {
      "collapsed": false,
      "datasource": "${DS_GRAPHITE}",
      "gridPos": {
        "h": 1,
        "w": 24,
        "x": 0,
        "y": 33
      },
      "id": 74,
      "panels": [],
      "title": "Timings",
      "type": "row"
    },
    {
      "aliasColors": {},
      "bars": false,
      "dashLength": 10,
      "dashes": false,
      "datasource": "${DS_INFLUXDB}",
      "description": "Timing metrics collected from the browser.",
      "fill": 0,
      "fillGradient": 0,
      "gridPos": {
        "h": 10,
        "w": 12,
        "x": 0,
        "y": 34
      },
      "id": 28,
      "interval": "",
      "legend": {
        "alignAsTable": true,
        "avg": false,
        "current": true,
        "max": true,
        "min": true,
        "show": true,
        "total": false,
        "values": true
      },
      "lines": true,
      "linewidth": 2,
      "links": [],
      "nullPointMode": "connected",
      "options": {
        "dataLinks": []
      },
      "percentage": false,
      "pointradius": 5,
      "points": false,
      "renderer": "flot",
      "seriesOverrides": [],
      "spaceLength": 10,
      "stack": false,
      "steppedLine": false,
      "targets": [
        {
          "alias": "domContentLoadedTime",
          "dsType": "influxdb",
          "groupBy": [],
          "measurement": "domContentLoadedTime",
          "orderByTime": "ASC",
          "policy": "default",
          "refId": "B",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              }
            ]
          ],
          "tags": [
            {
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            },
            {
              "condition": "AND",
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "pageTimings",
              "operator": "=",
              "value": "domContentLoadedTime"
            }
          ]
        },
        {
          "alias": "serverResponseTime",
          "dsType": "influxdb",
          "groupBy": [],
          "measurement": "serverResponseTime",
          "orderByTime": "ASC",
          "policy": "default",
          "refId": "J",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              }
            ]
          ],
          "tags": [
            {
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            },
            {
              "condition": "AND",
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "pageTimings",
              "operator": "=",
              "value": "serverResponseTime"
            }
          ]
        },
        {
          "alias": "firstPaint",
          "dsType": "influxdb",
          "groupBy": [],
          "measurement": "firstPaint",
          "orderByTime": "ASC",
          "policy": "default",
          "refId": "A",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              }
            ]
          ],
          "tags": [
            {
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            },
            {
              "condition": "AND",
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            }
          ]
        },
        {
          "alias": "loadEventEnd",
          "dsType": "influxdb",
          "groupBy": [],
          "measurement": "loadEventEnd",
          "orderByTime": "ASC",
          "policy": "default",
          "refId": "C",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              }
            ]
          ],
          "tags": [
            {
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            },
            {
              "condition": "AND",
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            }
          ]
        },
        {
          "alias": "fullyLoaded",
          "dsType": "influxdb",
          "groupBy": [],
          "measurement": "fullyLoaded",
          "orderByTime": "ASC",
          "policy": "default",
          "refId": "D",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              }
            ]
          ],
          "tags": [
            {
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            },
            {
              "condition": "AND",
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            }
          ]
        },
        {
          "alias": "First Meaningful Paint",
          "dsType": "influxdb",
          "groupBy": [],
          "measurement": "FirstMeaningfulPaint",
          "orderByTime": "ASC",
          "policy": "default",
          "refId": "E",
          "resultFormat": "time_series",
          "select": [
            [
              {
                "params": [
                  "median"
                ],
                "type": "field"
              }
            ]
          ],
          "tags": [
            {
              "key": "category",
              "operator": "=~",
              "value": "/^$category$/"
            },
            {
              "condition": "AND",
              "key": "group",
              "operator": "=~",
              "value": "/^$group$/"
            },
            {
              "condition": "AND",
              "key": "page",
              "operator": "=~",
              "value": "/^$page$/"
            },
            {
              "condition": "AND",
              "key": "browser",
              "operator": "=~",
              "value": "/^$browser$/"
            },
            {
              "condition": "AND",
              "key": "connectivity",
              "operator": "=~",
              "value": "/^$connectivity$/"
            },
            {
              "condition": "AND",
              "key": "statistics",
              "operator": "=",
              "value": "cdp"
            }
          ]
        }
      ],
      "thresholds": [],
      "timeFrom": null,
      "timeRegions": [],
      "timeShift": null,
      "title": "Timings",
      "tooltip": {
        "shared": true,
        "sort": 2,
        "value_type": "individual"
      },
      "type": "graph",
      "xaxis": {
        "buckets": null,
        "mode": "time",
        "name": null,
        "show": true,
        "values": []
      },
      "yaxes": [
        {
          "format": "ms",
          "label": null,
          "logBase": 1,
          "max": null,
          "min": null,
          "show": true
        },
        {
          "format": "ms",
          "label": null,
          "logBase": 1,
          "max": null,
          "min": null,
          "show": false
        }
      ],
      "yaxis": {
        "align": false,
        "alignLevel": null
      }
    },
    {
      "aliasColors": {},
      "bars": false,
      "dashLength": 10,
      "dashes": false,
      "datasource": "${DS_INFLUXDB}",
      "description": "All User Timing marks created on the page using the [User Timing API](https://www.w3.org/TR/user-timing/)",
      "fill": 0,
      "fillGradient": 0,
      "gridPos": {
        "h": 10,
        "w": 12,
        "x": 12,
        "y": 34
      },
      "id": 29,
      "legend": {
        "alignAsTable": true,
        "avg": false,
        "current": true,
        "max": true,
        "min": true,
        "show": true,
        "total": false,
        "values": true
      },
      "lines": true,
      "linewidth": 2,
      "links": [],
      "nullPointMode": "null",
      "options": {
        "dataLinks": []
      },
      "percentage": false,
      "pointradius": 5,
      "points": false,
      "renderer": "flot",
      "seriesOverrides": [],
      "spaceLength": 10,
      "stack": false,
      "steppedLine": false,
      "thresholds": [],
      "timeFrom": null,
      "timeRegions": [],
      "timeShift": null,
      "title": "User Timings",
      "tooltip": {
        "shared": true,
        "sort": 0,
        "value_type": "individual"
      },
      "type": "graph",
      "xaxis": {
        "buckets": null,
        "mode": "time",
        "name": null,
        "show": true,
        "values": []
      },
      "yaxes": [
        {
          "format": "short",
          "label": null,
          "logBase": 1,
          "max": null,
          "min": null,
          "show": true
        },
        {
          "format": "short",
          "label": null,
          "logBase": 1,
          "max": null,
          "min": null,
          "show": true
        }
      ],
      "yaxis": {
        "align": false,
        "alignLevel": null
      }
    },
    {
      "collapsed": true,
      "datasource": "${DS_GRAPHITE}",
      "gridPos": {
        "h": 1,
        "w": 24,
        "x": 0,
        "y": 44
      },
      "id": 68,
      "panels": [
        {
          "aliasColors": {},
          "bars": false,
          "dashLength": 10,
          "dashes": false,
          "datasource": "${DS_INFLUXDB}",
          "description": "",
          "fill": 0,
          "fillGradient": 0,
          "gridPos": {
            "h": 8,
            "w": 24,
            "x": 0,
            "y": 45
          },
          "id": 69,
          "interval": "",
          "legend": {
            "alignAsTable": true,
            "avg": false,
            "current": true,
            "max": true,
            "min": true,
            "rightSide": true,
            "show": true,
            "total": false,
            "values": true
          },
          "lines": true,
          "linewidth": 2,
          "links": [],
          "nullPointMode": "connected",
          "options": {
            "dataLinks": []
          },
          "percentage": false,
          "pointradius": 5,
          "points": false,
          "renderer": "flot",
          "seriesOverrides": [],
          "spaceLength": 10,
          "stack": false,
          "steppedLine": false,
          "targets": [
            {
              "alias": "Paint Composite Render",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "paintCompositeRender",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "B",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "cpu",
                  "operator": "=",
                  "value": "category"
                }
              ]
            },
            {
              "alias": "Garbage Collection",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "garbageCollection",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "cpu",
                  "operator": "=",
                  "value": "category"
                }
              ]
            },
            {
              "alias": "Other",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "other",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "C",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "cpu",
                  "operator": "=",
                  "value": "category"
                }
              ]
            },
            {
              "alias": "Script Evaluation",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "scriptEvaluation",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "D",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "cpu",
                  "operator": "=",
                  "value": "category"
                }
              ]
            },
            {
              "alias": "Script Parse Compile",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "scriptParseCompile",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "E",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "cpu",
                  "operator": "=",
                  "value": "category"
                }
              ]
            },
            {
              "alias": "Style Layout",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "styleLayout",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "F",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "cpu",
                  "operator": "=",
                  "value": "category"
                }
              ]
            }
          ],
          "thresholds": [],
          "timeFrom": null,
          "timeRegions": [],
          "timeShift": null,
          "title": "CPU",
          "tooltip": {
            "shared": true,
            "sort": 2,
            "value_type": "individual"
          },
          "type": "graph",
          "xaxis": {
            "buckets": null,
            "mode": "time",
            "name": null,
            "show": true,
            "values": []
          },
          "yaxes": [
            {
              "format": "ms",
              "label": null,
              "logBase": 1,
              "max": null,
              "min": null,
              "show": true
            },
            {
              "format": "ms",
              "label": null,
              "logBase": 1,
              "max": null,
              "min": null,
              "show": false
            }
          ],
          "yaxis": {
            "align": false,
            "alignLevel": null
          }
        }
      ],
      "title": "CPU [Chrome only, enable with --cpu]",
      "type": "row"
    },
    {
      "collapsed": true,
      "datasource": "${DS_GRAPHITE}",
      "gridPos": {
        "h": 1,
        "w": 24,
        "x": 0,
        "y": 45
      },
      "id": 78,
      "panels": [
        {
          "aliasColors": {},
          "bars": false,
          "dashLength": 10,
          "dashes": false,
          "datasource": "${DS_INFLUXDB}",
          "decimals": 0,
          "description": "",
          "fill": 0,
          "fillGradient": 0,
          "gridPos": {
            "h": 11,
            "w": 12,
            "x": 0,
            "y": 46
          },
          "id": 82,
          "interval": "",
          "legend": {
            "alignAsTable": true,
            "avg": false,
            "current": true,
            "max": true,
            "min": true,
            "rightSide": true,
            "show": true,
            "total": false,
            "values": true
          },
          "lines": true,
          "linewidth": 2,
          "links": [],
          "nullPointMode": "connected",
          "options": {
            "dataLinks": []
          },
          "percentage": false,
          "pointradius": 5,
          "points": false,
          "renderer": "flot",
          "seriesOverrides": [],
          "spaceLength": 10,
          "stack": false,
          "steppedLine": false,
          "targets": [
            {
              "alias": "Ads",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "tools",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "B",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "tools"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "ad"
                }
              ]
            },
            {
              "alias": "Analytics",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "tools",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "tools"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "analytics"
                }
              ]
            },
            {
              "alias": "CDN",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "tools",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "C",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "tools"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "cdn"
                }
              ]
            },
            {
              "alias": "Content",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "tools",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "D",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "tools"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "content"
                }
              ]
            },
            {
              "alias": "Hosting",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "tools",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "E",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "tools"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "hosting"
                }
              ]
            },
            {
              "alias": "Library",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "tools",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "F",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "tools"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "library"
                }
              ]
            },
            {
              "alias": "Marketing",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "tools",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "G",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "tools"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "marketing"
                }
              ]
            },
            {
              "alias": "Other",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "tools",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "H",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "tools"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "other"
                }
              ]
            },
            {
              "alias": "Social",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "tools",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "I",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "tools"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "social"
                }
              ]
            },
            {
              "alias": "Surveillance",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "tools",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "J",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "tools"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "survelliance"
                }
              ]
            },
            {
              "alias": "Tag Manager",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "tools",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "K",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "tools"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "tag-manager"
                }
              ]
            },
            {
              "alias": "Utility",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "tools",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "L",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "tools"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "utility"
                }
              ]
            }
          ],
          "thresholds": [],
          "timeFrom": null,
          "timeRegions": [],
          "timeShift": null,
          "title": "Third party tools by category",
          "tooltip": {
            "shared": true,
            "sort": 2,
            "value_type": "individual"
          },
          "type": "graph",
          "xaxis": {
            "buckets": null,
            "mode": "time",
            "name": null,
            "show": true,
            "values": []
          },
          "yaxes": [
            {
              "decimals": 0,
              "format": "none",
              "label": "",
              "logBase": 1,
              "max": null,
              "min": null,
              "show": true
            },
            {
              "format": "ms",
              "label": null,
              "logBase": 1,
              "max": null,
              "min": null,
              "show": false
            }
          ],
          "yaxis": {
            "align": false,
            "alignLevel": null
          }
        },
        {
          "aliasColors": {},
          "bars": false,
          "dashLength": 10,
          "dashes": false,
          "datasource": "${DS_INFLUXDB}",
          "decimals": 0,
          "description": "",
          "fill": 0,
          "fillGradient": 0,
          "gridPos": {
            "h": 11,
            "w": 12,
            "x": 12,
            "y": 46
          },
          "id": 83,
          "interval": "",
          "legend": {
            "alignAsTable": true,
            "avg": false,
            "current": true,
            "max": true,
            "min": true,
            "rightSide": true,
            "show": true,
            "total": false,
            "values": true
          },
          "lines": true,
          "linewidth": 2,
          "links": [],
          "nullPointMode": "connected",
          "options": {
            "dataLinks": []
          },
          "percentage": false,
          "pointradius": 5,
          "points": false,
          "renderer": "flot",
          "seriesOverrides": [],
          "spaceLength": 10,
          "stack": false,
          "steppedLine": false,
          "targets": [
            {
              "alias": "Ads",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "requests",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "B",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "ad"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "requests"
                }
              ]
            },
            {
              "alias": "Analytics",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "requests",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "analytics"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "requests"
                }
              ]
            },
            {
              "alias": "CDN",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "requests",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "C",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "cdn"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "requests"
                }
              ]
            },
            {
              "alias": "Content",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "requests",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "D",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "content"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "requests"
                }
              ]
            },
            {
              "alias": "Hosting",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "requests",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "E",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "hosting"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "requests"
                }
              ]
            },
            {
              "alias": "Library",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "requests",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "F",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "library"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "requests"
                }
              ]
            },
            {
              "alias": "Marketing",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "requests",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "G",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "marketing"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "requests"
                }
              ]
            },
            {
              "alias": "Other",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "requests",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "H",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "other"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "requests"
                }
              ]
            },
            {
              "alias": "Social",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "requests",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "I",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "social"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "requests"
                }
              ]
            },
            {
              "alias": "Surveillance",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "requests",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "J",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "survelliance"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "requests"
                }
              ]
            },
            {
              "alias": "Tag Manager",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "requests",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "K",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "tag-manager"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "requests"
                }
              ]
            },
            {
              "alias": "Utility",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "requests",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "L",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyCategory",
                  "operator": "=",
                  "value": "utility"
                },
                {
                  "condition": "AND",
                  "key": "thirdPartyType",
                  "operator": "=",
                  "value": "requests"
                }
              ]
            }
          ],
          "thresholds": [],
          "timeFrom": null,
          "timeRegions": [],
          "timeShift": null,
          "title": "Third party request by category",
          "tooltip": {
            "shared": true,
            "sort": 2,
            "value_type": "individual"
          },
          "type": "graph",
          "xaxis": {
            "buckets": null,
            "mode": "time",
            "name": null,
            "show": true,
            "values": []
          },
          "yaxes": [
            {
              "decimals": 0,
              "format": "none",
              "label": "",
              "logBase": 1,
              "max": null,
              "min": null,
              "show": true
            },
            {
              "format": "ms",
              "label": null,
              "logBase": 1,
              "max": null,
              "min": null,
              "show": false
            }
          ],
          "yaxis": {
            "align": false,
            "alignLevel": null
          }
        }
      ],
      "title": "Third party",
      "type": "row"
    },
    {
      "collapsed": true,
      "datasource": "${DS_GRAPHITE}",
      "gridPos": {
        "h": 1,
        "w": 24,
        "x": 0,
        "y": 46
      },
      "id": 86,
      "panels": [
        {
          "aliasColors": {},
          "bars": false,
          "dashLength": 10,
          "dashes": false,
          "datasource": "${DS_INFLUXDB}",
          "decimals": 0,
          "description": "",
          "fill": 0,
          "fillGradient": 0,
          "gridPos": {
            "h": 6,
            "w": 24,
            "x": 0,
            "y": 1
          },
          "id": 87,
          "interval": "",
          "legend": {
            "alignAsTable": true,
            "avg": false,
            "current": true,
            "max": true,
            "min": true,
            "rightSide": true,
            "show": true,
            "total": false,
            "values": true
          },
          "lines": true,
          "linewidth": 2,
          "links": [],
          "nullPointMode": "connected",
          "options": {
            "dataLinks": []
          },
          "percentage": false,
          "pointradius": 5,
          "points": false,
          "renderer": "flot",
          "seriesOverrides": [],
          "spaceLength": 10,
          "stack": false,
          "steppedLine": false,
          "targets": [
            {
              "alias": "Minor",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "minor",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "B",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "origin",
                  "operator": "=",
                  "value": "axe"
                }
              ]
            },
            {
              "alias": "Critical",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "critical",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "origin",
                  "operator": "=",
                  "value": "axe"
                }
              ]
            },
            {
              "alias": "Moderate",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "moderate",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "C",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "origin",
                  "operator": "=",
                  "value": "axe"
                }
              ]
            },
            {
              "alias": "Serious",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "serious",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "D",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "origin",
                  "operator": "=",
                  "value": "axe"
                }
              ]
            }
          ],
          "thresholds": [],
          "timeFrom": null,
          "timeRegions": [],
          "timeShift": null,
          "title": "Axe violations",
          "tooltip": {
            "shared": true,
            "sort": 2,
            "value_type": "individual"
          },
          "type": "graph",
          "xaxis": {
            "buckets": null,
            "mode": "time",
            "name": null,
            "show": true,
            "values": []
          },
          "yaxes": [
            {
              "decimals": 0,
              "format": "none",
              "label": "",
              "logBase": 1,
              "max": null,
              "min": null,
              "show": true
            },
            {
              "format": "ms",
              "label": null,
              "logBase": 1,
              "max": null,
              "min": null,
              "show": false
            }
          ],
          "yaxis": {
            "align": false,
            "alignLevel": null
          }
        }
      ],
      "title": "Axe violations (enable with --axe.enable)",
      "type": "row"
    },
    {
      "collapsed": true,
      "datasource": "${DS_GRAPHITE}",
      "gridPos": {
        "h": 1,
        "w": 24,
        "x": 0,
        "y": 47
      },
      "id": 66,
      "panels": [
        {
          "cacheTimeout": null,
          "colorBackground": false,
          "colorValue": false,
          "colors": [
            "rgba(245, 54, 54, 0.9)",
            "rgba(237, 129, 40, 0.89)",
            "rgba(50, 172, 45, 0.97)"
          ],
          "datasource": "${DS_INFLUXDB}",
          "description": "The total size for stylesheets assets served for this page. This includes the uncompressed size of CSS responses.",
          "format": "decbytes",
          "gauge": {
            "maxValue": 100,
            "minValue": 0,
            "show": false,
            "thresholdLabels": false,
            "thresholdMarkers": true
          },
          "gridPos": {
            "h": 3,
            "w": 4,
            "x": 0,
            "y": 41
          },
          "id": 32,
          "interval": null,
          "links": [],
          "mappingType": 1,
          "mappingTypes": [
            {
              "name": "value to text",
              "value": 1
            },
            {
              "name": "range to text",
              "value": 2
            }
          ],
          "maxDataPoints": 100,
          "nullPointMode": "connected",
          "nullText": null,
          "options": {},
          "postfix": "",
          "postfixFontSize": "50%",
          "prefix": "",
          "prefixFontSize": "50%",
          "rangeMaps": [
            {
              "from": "null",
              "text": "N/A",
              "to": "null"
            }
          ],
          "sparkline": {
            "fillColor": "rgba(31, 118, 189, 0.18)",
            "full": true,
            "lineColor": "rgb(31, 120, 193)",
            "show": true
          },
          "tableColumn": "",
          "targets": [
            {
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "contentSize",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT last(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND $timeFilter GROUP BY time($__interval) fill(null)",
              "rawQuery": false,
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "value"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "last"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "contentType",
                  "operator": "=",
                  "value": "css"
                }
              ],
              "target": ""
            }
          ],
          "thresholds": "",
          "title": "Total CSS Content Size",
          "type": "singlestat",
          "valueFontSize": "80%",
          "valueMaps": [
            {
              "op": "=",
              "text": "N/A",
              "value": "null"
            }
          ],
          "valueName": "avg"
        },
        {
          "cacheTimeout": null,
          "colorBackground": false,
          "colorValue": false,
          "colors": [
            "rgba(245, 54, 54, 0.9)",
            "rgba(237, 129, 40, 0.89)",
            "rgba(50, 172, 45, 0.97)"
          ],
          "datasource": "${DS_INFLUXDB}",
          "description": "The total size over the wire for all stylesheet assets served for this page.",
          "format": "decbytes",
          "gauge": {
            "maxValue": 100,
            "minValue": 0,
            "show": false,
            "thresholdLabels": false,
            "thresholdMarkers": true
          },
          "gridPos": {
            "h": 3,
            "w": 4,
            "x": 4,
            "y": 41
          },
          "id": 33,
          "interval": null,
          "links": [],
          "mappingType": 1,
          "mappingTypes": [
            {
              "name": "value to text",
              "value": 1
            },
            {
              "name": "range to text",
              "value": 2
            }
          ],
          "maxDataPoints": 100,
          "nullPointMode": "connected",
          "nullText": null,
          "options": {},
          "postfix": "",
          "postfixFontSize": "50%",
          "prefix": "",
          "prefixFontSize": "50%",
          "rangeMaps": [
            {
              "from": "null",
              "text": "N/A",
              "to": "null"
            }
          ],
          "sparkline": {
            "fillColor": "rgba(31, 118, 189, 0.18)",
            "full": true,
            "lineColor": "rgb(31, 120, 193)",
            "show": true
          },
          "tableColumn": "",
          "targets": [
            {
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "transferSize",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT last(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND $timeFilter GROUP BY time($__interval) fill(null)",
              "rawQuery": false,
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "value"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "last"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "contentType",
                  "operator": "=",
                  "value": "css"
                }
              ],
              "target": ""
            }
          ],
          "thresholds": "",
          "title": "Total CSS Transfer Size",
          "type": "singlestat",
          "valueFontSize": "80%",
          "valueMaps": [
            {
              "op": "=",
              "text": "N/A",
              "value": "null"
            }
          ],
          "valueName": "avg"
        },
        {
          "cacheTimeout": null,
          "colorBackground": false,
          "colorValue": false,
          "colors": [
            "rgba(245, 54, 54, 0.9)",
            "rgba(237, 129, 40, 0.89)",
            "rgba(50, 172, 45, 0.97)"
          ],
          "datasource": "${DS_INFLUXDB}",
          "description": "The total size for Javascripts assets served for this page. This includes the uncompressed size of JS responses.",
          "format": "decbytes",
          "gauge": {
            "maxValue": 100,
            "minValue": 0,
            "show": false,
            "thresholdLabels": false,
            "thresholdMarkers": true
          },
          "gridPos": {
            "h": 3,
            "w": 4,
            "x": 8,
            "y": 41
          },
          "id": 34,
          "interval": null,
          "links": [],
          "mappingType": 1,
          "mappingTypes": [
            {
              "name": "value to text",
              "value": 1
            },
            {
              "name": "range to text",
              "value": 2
            }
          ],
          "maxDataPoints": 100,
          "nullPointMode": "connected",
          "nullText": null,
          "options": {},
          "postfix": "",
          "postfixFontSize": "50%",
          "prefix": "",
          "prefixFontSize": "50%",
          "rangeMaps": [
            {
              "from": "null",
              "text": "N/A",
              "to": "null"
            }
          ],
          "sparkline": {
            "fillColor": "rgba(31, 118, 189, 0.18)",
            "full": true,
            "lineColor": "rgb(31, 120, 193)",
            "show": true
          },
          "tableColumn": "",
          "targets": [
            {
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "contentSize",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT last(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND $timeFilter GROUP BY time($__interval) fill(null)",
              "rawQuery": false,
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "value"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "last"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "contentType",
                  "operator": "=",
                  "value": "javascript"
                }
              ],
              "target": ""
            }
          ],
          "thresholds": "",
          "title": "Total JS Content Size",
          "type": "singlestat",
          "valueFontSize": "80%",
          "valueMaps": [
            {
              "op": "=",
              "text": "N/A",
              "value": "null"
            }
          ],
          "valueName": "avg"
        },
        {
          "cacheTimeout": null,
          "colorBackground": false,
          "colorValue": false,
          "colors": [
            "rgba(245, 54, 54, 0.9)",
            "rgba(237, 129, 40, 0.89)",
            "rgba(50, 172, 45, 0.97)"
          ],
          "datasource": "${DS_INFLUXDB}",
          "description": "The total size over the wire for all Javascript assets served for this page.",
          "format": "decbytes",
          "gauge": {
            "maxValue": 100,
            "minValue": 0,
            "show": false,
            "thresholdLabels": false,
            "thresholdMarkers": true
          },
          "gridPos": {
            "h": 3,
            "w": 4,
            "x": 12,
            "y": 41
          },
          "id": 35,
          "interval": null,
          "links": [],
          "mappingType": 1,
          "mappingTypes": [
            {
              "name": "value to text",
              "value": 1
            },
            {
              "name": "range to text",
              "value": 2
            }
          ],
          "maxDataPoints": 100,
          "nullPointMode": "connected",
          "nullText": null,
          "options": {},
          "postfix": "",
          "postfixFontSize": "50%",
          "prefix": "",
          "prefixFontSize": "50%",
          "rangeMaps": [
            {
              "from": "null",
              "text": "N/A",
              "to": "null"
            }
          ],
          "sparkline": {
            "fillColor": "rgba(31, 118, 189, 0.18)",
            "full": true,
            "lineColor": "rgb(31, 120, 193)",
            "show": true
          },
          "tableColumn": "",
          "targets": [
            {
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "transferSize",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT last(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND $timeFilter GROUP BY time($__interval) fill(null)",
              "rawQuery": false,
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "value"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "last"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "contentType",
                  "operator": "=",
                  "value": "javascript"
                }
              ],
              "target": ""
            }
          ],
          "thresholds": "",
          "title": "Total JS Transfer Size",
          "type": "singlestat",
          "valueFontSize": "80%",
          "valueMaps": [
            {
              "op": "=",
              "text": "N/A",
              "value": "null"
            }
          ],
          "valueName": "avg"
        },
        {
          "cacheTimeout": null,
          "colorBackground": false,
          "colorValue": false,
          "colors": [
            "rgba(245, 54, 54, 0.9)",
            "rgba(237, 129, 40, 0.89)",
            "rgba(50, 172, 45, 0.97)"
          ],
          "datasource": "${DS_INFLUXDB}",
          "description": "The total size for HTML served for this page. This includes the uncompressed size of HTML.",
          "format": "decbytes",
          "gauge": {
            "maxValue": 100,
            "minValue": 0,
            "show": false,
            "thresholdLabels": false,
            "thresholdMarkers": true
          },
          "gridPos": {
            "h": 3,
            "w": 4,
            "x": 16,
            "y": 41
          },
          "id": 36,
          "interval": null,
          "links": [],
          "mappingType": 1,
          "mappingTypes": [
            {
              "name": "value to text",
              "value": 1
            },
            {
              "name": "range to text",
              "value": 2
            }
          ],
          "maxDataPoints": 100,
          "nullPointMode": "connected",
          "nullText": null,
          "options": {},
          "postfix": "",
          "postfixFontSize": "50%",
          "prefix": "",
          "prefixFontSize": "50%",
          "rangeMaps": [
            {
              "from": "null",
              "text": "N/A",
              "to": "null"
            }
          ],
          "sparkline": {
            "fillColor": "rgba(31, 118, 189, 0.18)",
            "full": true,
            "lineColor": "rgb(31, 120, 193)",
            "show": true
          },
          "tableColumn": "",
          "targets": [
            {
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "contentSize",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT last(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND $timeFilter GROUP BY time($__interval) fill(null)",
              "rawQuery": false,
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "value"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "last"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "contentType",
                  "operator": "=",
                  "value": "html"
                }
              ],
              "target": ""
            }
          ],
          "thresholds": "",
          "title": "Total HTML Content Size",
          "type": "singlestat",
          "valueFontSize": "80%",
          "valueMaps": [
            {
              "op": "=",
              "text": "N/A",
              "value": "null"
            }
          ],
          "valueName": "avg"
        },
        {
          "cacheTimeout": null,
          "colorBackground": false,
          "colorValue": false,
          "colors": [
            "rgba(245, 54, 54, 0.9)",
            "rgba(237, 129, 40, 0.89)",
            "rgba(50, 172, 45, 0.97)"
          ],
          "datasource": "${DS_INFLUXDB}",
          "description": "The total size over the wire for all HTML served for this page.",
          "format": "decbytes",
          "gauge": {
            "maxValue": 100,
            "minValue": 0,
            "show": false,
            "thresholdLabels": false,
            "thresholdMarkers": true
          },
          "gridPos": {
            "h": 3,
            "w": 4,
            "x": 20,
            "y": 41
          },
          "id": 37,
          "interval": null,
          "links": [],
          "mappingType": 1,
          "mappingTypes": [
            {
              "name": "value to text",
              "value": 1
            },
            {
              "name": "range to text",
              "value": 2
            }
          ],
          "maxDataPoints": 100,
          "nullPointMode": "connected",
          "nullText": null,
          "options": {},
          "postfix": "",
          "postfixFontSize": "50%",
          "prefix": "",
          "prefixFontSize": "50%",
          "rangeMaps": [
            {
              "from": "null",
              "text": "N/A",
              "to": "null"
            }
          ],
          "sparkline": {
            "fillColor": "rgba(31, 118, 189, 0.18)",
            "full": true,
            "lineColor": "rgb(31, 120, 193)",
            "show": true
          },
          "tableColumn": "",
          "targets": [
            {
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "transferSize",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT last(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND $timeFilter GROUP BY time($__interval) fill(null)",
              "rawQuery": false,
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "value"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "last"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "contentType",
                  "operator": "=",
                  "value": "html"
                }
              ],
              "target": ""
            }
          ],
          "thresholds": "",
          "title": "Total HTML Transfer Size",
          "type": "singlestat",
          "valueFontSize": "80%",
          "valueMaps": [
            {
              "op": "=",
              "text": "N/A",
              "value": "null"
            }
          ],
          "valueName": "avg"
        },
        {
          "cacheTimeout": null,
          "colorBackground": false,
          "colorValue": false,
          "colors": [
            "rgba(245, 54, 54, 0.9)",
            "rgba(237, 129, 40, 0.89)",
            "rgba(50, 172, 45, 0.97)"
          ],
          "datasource": "${DS_INFLUXDB}",
          "description": "The total size for font(s) served for this page. This includes the uncompressed size.",
          "format": "decbytes",
          "gauge": {
            "maxValue": 100,
            "minValue": 0,
            "show": false,
            "thresholdLabels": false,
            "thresholdMarkers": true
          },
          "gridPos": {
            "h": 3,
            "w": 4,
            "x": 0,
            "y": 44
          },
          "id": 38,
          "interval": null,
          "links": [],
          "mappingType": 1,
          "mappingTypes": [
            {
              "name": "value to text",
              "value": 1
            },
            {
              "name": "range to text",
              "value": 2
            }
          ],
          "maxDataPoints": 100,
          "nullPointMode": "connected",
          "nullText": null,
          "options": {},
          "postfix": "",
          "postfixFontSize": "50%",
          "prefix": "",
          "prefixFontSize": "50%",
          "rangeMaps": [
            {
              "from": "null",
              "text": "N/A",
              "to": "null"
            }
          ],
          "sparkline": {
            "fillColor": "rgba(31, 118, 189, 0.18)",
            "full": true,
            "lineColor": "rgb(31, 120, 193)",
            "show": true
          },
          "tableColumn": "",
          "targets": [
            {
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "contentSize",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT last(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND $timeFilter GROUP BY time($__interval) fill(null)",
              "rawQuery": false,
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "value"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "last"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "contentType",
                  "operator": "=",
                  "value": "font"
                }
              ],
              "target": ""
            }
          ],
          "thresholds": "",
          "title": "Total Font Content Size",
          "type": "singlestat",
          "valueFontSize": "80%",
          "valueMaps": [
            {
              "op": "=",
              "text": "N/A",
              "value": "null"
            }
          ],
          "valueName": "avg"
        },
        {
          "cacheTimeout": null,
          "colorBackground": false,
          "colorValue": false,
          "colors": [
            "rgba(245, 54, 54, 0.9)",
            "rgba(237, 129, 40, 0.89)",
            "rgba(50, 172, 45, 0.97)"
          ],
          "datasource": "${DS_INFLUXDB}",
          "description": "The total size over the wire for all font(s) served for this page.",
          "format": "decbytes",
          "gauge": {
            "maxValue": 100,
            "minValue": 0,
            "show": false,
            "thresholdLabels": false,
            "thresholdMarkers": true
          },
          "gridPos": {
            "h": 3,
            "w": 4,
            "x": 4,
            "y": 44
          },
          "id": 39,
          "interval": null,
          "links": [],
          "mappingType": 1,
          "mappingTypes": [
            {
              "name": "value to text",
              "value": 1
            },
            {
              "name": "range to text",
              "value": 2
            }
          ],
          "maxDataPoints": 100,
          "nullPointMode": "connected",
          "nullText": null,
          "options": {},
          "postfix": "",
          "postfixFontSize": "50%",
          "prefix": "",
          "prefixFontSize": "50%",
          "rangeMaps": [
            {
              "from": "null",
              "text": "N/A",
              "to": "null"
            }
          ],
          "sparkline": {
            "fillColor": "rgba(31, 118, 189, 0.18)",
            "full": true,
            "lineColor": "rgb(31, 120, 193)",
            "show": true
          },
          "tableColumn": "",
          "targets": [
            {
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "transferSize",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT last(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND $timeFilter GROUP BY time($__interval) fill(null)",
              "rawQuery": false,
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "value"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "last"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "contentType",
                  "operator": "=",
                  "value": "font"
                }
              ],
              "target": ""
            }
          ],
          "thresholds": "",
          "title": "Total Font Transfer Size",
          "type": "singlestat",
          "valueFontSize": "80%",
          "valueMaps": [
            {
              "op": "=",
              "text": "N/A",
              "value": "null"
            }
          ],
          "valueName": "avg"
        },
        {
          "cacheTimeout": null,
          "colorBackground": false,
          "colorValue": false,
          "colors": [
            "rgba(245, 54, 54, 0.9)",
            "rgba(237, 129, 40, 0.89)",
            "rgba(50, 172, 45, 0.97)"
          ],
          "datasource": "${DS_INFLUXDB}",
          "description": "The total size for images served for this page.",
          "format": "decbytes",
          "gauge": {
            "maxValue": 100,
            "minValue": 0,
            "show": false,
            "thresholdLabels": false,
            "thresholdMarkers": true
          },
          "gridPos": {
            "h": 3,
            "w": 4,
            "x": 8,
            "y": 44
          },
          "id": 40,
          "interval": null,
          "links": [],
          "mappingType": 1,
          "mappingTypes": [
            {
              "name": "value to text",
              "value": 1
            },
            {
              "name": "range to text",
              "value": 2
            }
          ],
          "maxDataPoints": 100,
          "nullPointMode": "connected",
          "nullText": null,
          "options": {},
          "postfix": "",
          "postfixFontSize": "50%",
          "prefix": "",
          "prefixFontSize": "50%",
          "rangeMaps": [
            {
              "from": "null",
              "text": "N/A",
              "to": "null"
            }
          ],
          "sparkline": {
            "fillColor": "rgba(31, 118, 189, 0.18)",
            "full": true,
            "lineColor": "rgb(31, 120, 193)",
            "show": true
          },
          "tableColumn": "",
          "targets": [
            {
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "contentSize",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT last(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND $timeFilter GROUP BY time($__interval) fill(null)",
              "rawQuery": false,
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "value"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "last"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "contentType",
                  "operator": "=",
                  "value": "image"
                }
              ],
              "target": ""
            }
          ],
          "thresholds": "",
          "title": "Total Images Size",
          "type": "singlestat",
          "valueFontSize": "80%",
          "valueMaps": [
            {
              "op": "=",
              "text": "N/A",
              "value": "null"
            }
          ],
          "valueName": "avg"
        },
        {
          "cacheTimeout": null,
          "colorBackground": false,
          "colorValue": false,
          "colors": [
            "rgba(245, 54, 54, 0.9)",
            "rgba(237, 129, 40, 0.89)",
            "rgba(50, 172, 45, 0.97)"
          ],
          "datasource": "${DS_INFLUXDB}",
          "description": "The total size for other elements served for this page.",
          "format": "decbytes",
          "gauge": {
            "maxValue": 100,
            "minValue": 0,
            "show": false,
            "thresholdLabels": false,
            "thresholdMarkers": true
          },
          "gridPos": {
            "h": 3,
            "w": 4,
            "x": 12,
            "y": 44
          },
          "id": 41,
          "interval": null,
          "links": [],
          "mappingType": 1,
          "mappingTypes": [
            {
              "name": "value to text",
              "value": 1
            },
            {
              "name": "range to text",
              "value": 2
            }
          ],
          "maxDataPoints": 100,
          "nullPointMode": "connected",
          "nullText": null,
          "options": {},
          "postfix": "",
          "postfixFontSize": "50%",
          "prefix": "",
          "prefixFontSize": "50%",
          "rangeMaps": [
            {
              "from": "null",
              "text": "N/A",
              "to": "null"
            }
          ],
          "sparkline": {
            "fillColor": "rgba(31, 118, 189, 0.18)",
            "full": true,
            "lineColor": "rgb(31, 120, 193)",
            "show": true
          },
          "tableColumn": "",
          "targets": [
            {
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "transferSize",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT last(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND $timeFilter GROUP BY time($__interval) fill(null)",
              "rawQuery": false,
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "value"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "last"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "contentType",
                  "operator": "=",
                  "value": "other"
                }
              ],
              "target": ""
            }
          ],
          "thresholds": "",
          "title": "Total Other Transfer Size",
          "type": "singlestat",
          "valueFontSize": "80%",
          "valueMaps": [
            {
              "op": "=",
              "text": "N/A",
              "value": "null"
            }
          ],
          "valueName": "avg"
        }
      ],
      "title": "Size drill down",
      "type": "row"
    },
    {
      "collapsed": true,
      "datasource": "${DS_GRAPHITE}",
      "gridPos": {
        "h": 1,
        "w": 24,
        "x": 0,
        "y": 48
      },
      "id": 80,
      "panels": [
        {
          "aliasColors": {},
          "bars": false,
          "dashLength": 10,
          "dashes": false,
          "datasource": "${DS_INFLUXDB}",
          "description": "",
          "fill": 0,
          "fillGradient": 0,
          "gridPos": {
            "h": 9,
            "w": 24,
            "x": 0,
            "y": 48
          },
          "id": 81,
          "interval": "",
          "legend": {
            "alignAsTable": true,
            "avg": false,
            "current": true,
            "max": true,
            "min": true,
            "show": true,
            "total": false,
            "values": true
          },
          "lines": true,
          "linewidth": 2,
          "links": [],
          "nullPointMode": "connected",
          "options": {
            "dataLinks": []
          },
          "percentage": false,
          "pointradius": 5,
          "points": false,
          "renderer": "flot",
          "seriesOverrides": [],
          "spaceLength": 10,
          "stack": false,
          "steppedLine": false,
          "targets": [
            {
              "alias": "JavaScript Heap Total Size",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "JSHeapTotalSize",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "E",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "statistics",
                  "operator": "=",
                  "value": "cdp"
                }
              ]
            },
            {
              "alias": "JavaScript Heap Used Size",
              "dsType": "influxdb",
              "groupBy": [],
              "measurement": "JSHeapUsedSize",
              "orderByTime": "ASC",
              "policy": "default",
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "median"
                    ],
                    "type": "field"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                },
                {
                  "condition": "AND",
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "statistics",
                  "operator": "=",
                  "value": "cdp"
                }
              ]
            }
          ],
          "thresholds": [],
          "timeFrom": null,
          "timeRegions": [],
          "timeShift": null,
          "title": "JavaScript Heap size",
          "tooltip": {
            "shared": true,
            "sort": 2,
            "value_type": "individual"
          },
          "type": "graph",
          "xaxis": {
            "buckets": null,
            "mode": "time",
            "name": null,
            "show": true,
            "values": []
          },
          "yaxes": [
            {
              "format": "decbytes",
              "label": null,
              "logBase": 1,
              "max": null,
              "min": null,
              "show": true
            },
            {
              "format": "ms",
              "label": null,
              "logBase": 1,
              "max": null,
              "min": null,
              "show": false
            }
          ],
          "yaxis": {
            "align": false,
            "alignLevel": null
          }
        }
      ],
      "title": "JavaScript heap [Chrome only]",
      "type": "row"
    },
    {
      "collapsed": true,
      "datasource": "${DS_GRAPHITE}",
      "gridPos": {
        "h": 1,
        "w": 24,
        "x": 0,
        "y": 49
      },
      "id": 57,
      "panels": [
        {
          "cacheTimeout": null,
          "colorBackground": false,
          "colorValue": false,
          "colors": [
            "rgba(245, 54, 54, 0.9)",
            "rgba(237, 129, 40, 0.89)",
            "rgba(50, 172, 45, 0.97)"
          ],
          "datasource": "${DS_INFLUXDB}",
          "description": "The performance score (0-100) calculated by the [Coach](https://www.sitespeed.io/documentation/coach/) using performance best practices.",
          "format": "none",
          "gauge": {
            "maxValue": 100,
            "minValue": 0,
            "show": false,
            "thresholdLabels": false,
            "thresholdMarkers": true
          },
          "gridPos": {
            "h": 3,
            "w": 4,
            "x": 0,
            "y": 49
          },
          "id": 12,
          "interval": null,
          "links": [],
          "mappingType": 1,
          "mappingTypes": [
            {
              "name": "value to text",
              "value": 1
            },
            {
              "name": "range to text",
              "value": 2
            }
          ],
          "maxDataPoints": 100,
          "nullPointMode": "connected",
          "nullText": null,
          "options": {},
          "postfix": "",
          "postfixFontSize": "50%",
          "prefix": "",
          "prefixFontSize": "50%",
          "rangeMaps": [
            {
              "from": "null",
              "text": "N/A",
              "to": "null"
            }
          ],
          "sparkline": {
            "fillColor": "rgba(31, 118, 189, 0.18)",
            "full": false,
            "lineColor": "rgb(31, 120, 193)",
            "show": false
          },
          "tableColumn": "",
          "targets": [
            {
              "dsType": "influxdb",
              "groupBy": [
                {
                  "params": [
                    "$__interval"
                  ],
                  "type": "time"
                },
                {
                  "params": [
                    "null"
                  ],
                  "type": "fill"
                }
              ],
              "measurement": "score",
              "query": "SELECT last(\"value\") FROM \"score\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"advice\" = 'performance' AND $timeFilter GROUP BY time($__interval) fill(null)",
              "rawQuery": false,
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "value"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "last"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "summaryType",
                  "operator": "=",
                  "value": "pageSummary"
                },
                {
                  "condition": "AND",
                  "key": "advice",
                  "operator": "=",
                  "value": "performance"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                }
              ],
              "target": ""
            }
          ],
          "thresholds": "",
          "title": "Performance score",
          "type": "singlestat",
          "valueFontSize": "80%",
          "valueMaps": [
            {
              "op": "=",
              "text": "N/A",
              "value": "null"
            }
          ],
          "valueName": "avg"
        },
        {
          "cacheTimeout": null,
          "colorBackground": false,
          "colorValue": false,
          "colors": [
            "rgba(245, 54, 54, 0.9)",
            "rgba(237, 129, 40, 0.89)",
            "rgba(50, 172, 45, 0.97)"
          ],
          "datasource": "${DS_INFLUXDB}",
          "description": "",
          "format": "none",
          "gauge": {
            "maxValue": 100,
            "minValue": 0,
            "show": false,
            "thresholdLabels": false,
            "thresholdMarkers": true
          },
          "gridPos": {
            "h": 3,
            "w": 4,
            "x": 4,
            "y": 49
          },
          "id": 58,
          "interval": null,
          "links": [],
          "mappingType": 1,
          "mappingTypes": [
            {
              "name": "value to text",
              "value": 1
            },
            {
              "name": "range to text",
              "value": 2
            }
          ],
          "maxDataPoints": 100,
          "nullPointMode": "connected",
          "nullText": null,
          "options": {},
          "postfix": "",
          "postfixFontSize": "50%",
          "prefix": "",
          "prefixFontSize": "50%",
          "rangeMaps": [
            {
              "from": "null",
              "text": "N/A",
              "to": "null"
            }
          ],
          "sparkline": {
            "fillColor": "rgba(31, 118, 189, 0.18)",
            "full": false,
            "lineColor": "rgb(31, 120, 193)",
            "show": false
          },
          "tableColumn": "",
          "targets": [
            {
              "dsType": "influxdb",
              "groupBy": [
                {
                  "params": [
                    "$__interval"
                  ],
                  "type": "time"
                },
                {
                  "params": [
                    "null"
                  ],
                  "type": "fill"
                }
              ],
              "measurement": "score",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT last(\"value\") FROM \"score\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"advice\" = 'performance' AND $timeFilter GROUP BY time($__interval) fill(null)",
              "rawQuery": false,
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "value"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "last"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "summaryType",
                  "operator": "=",
                  "value": "pageSummary"
                },
                {
                  "condition": "AND",
                  "key": "advice",
                  "operator": "=",
                  "value": "privacy"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                }
              ],
              "target": ""
            }
          ],
          "thresholds": "",
          "title": "Privacy score",
          "type": "singlestat",
          "valueFontSize": "80%",
          "valueMaps": [
            {
              "op": "=",
              "text": "N/A",
              "value": "null"
            }
          ],
          "valueName": "avg"
        },
        {
          "cacheTimeout": null,
          "colorBackground": false,
          "colorValue": false,
          "colors": [
            "rgba(245, 54, 54, 0.9)",
            "rgba(237, 129, 40, 0.89)",
            "rgba(50, 172, 45, 0.97)"
          ],
          "datasource": "${DS_INFLUXDB}",
          "description": "",
          "format": "none",
          "gauge": {
            "maxValue": 100,
            "minValue": 0,
            "show": false,
            "thresholdLabels": false,
            "thresholdMarkers": true
          },
          "gridPos": {
            "h": 3,
            "w": 4,
            "x": 8,
            "y": 49
          },
          "id": 59,
          "interval": null,
          "links": [],
          "mappingType": 1,
          "mappingTypes": [
            {
              "name": "value to text",
              "value": 1
            },
            {
              "name": "range to text",
              "value": 2
            }
          ],
          "maxDataPoints": 100,
          "nullPointMode": "connected",
          "nullText": null,
          "options": {},
          "postfix": "",
          "postfixFontSize": "50%",
          "prefix": "",
          "prefixFontSize": "50%",
          "rangeMaps": [
            {
              "from": "null",
              "text": "N/A",
              "to": "null"
            }
          ],
          "sparkline": {
            "fillColor": "rgba(31, 118, 189, 0.18)",
            "full": false,
            "lineColor": "rgb(31, 120, 193)",
            "show": false
          },
          "tableColumn": "",
          "targets": [
            {
              "dsType": "influxdb",
              "groupBy": [
                {
                  "params": [
                    "$__interval"
                  ],
                  "type": "time"
                },
                {
                  "params": [
                    "null"
                  ],
                  "type": "fill"
                }
              ],
              "measurement": "score",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT last(\"value\") FROM \"score\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"advice\" = 'performance' AND $timeFilter GROUP BY time($__interval) fill(null)",
              "rawQuery": false,
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "value"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "last"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "summaryType",
                  "operator": "=",
                  "value": "pageSummary"
                },
                {
                  "condition": "AND",
                  "key": "advice",
                  "operator": "=",
                  "value": "bestpractice"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                }
              ],
              "target": ""
            }
          ],
          "thresholds": "",
          "title": "Best practice score",
          "type": "singlestat",
          "valueFontSize": "80%",
          "valueMaps": [
            {
              "op": "=",
              "text": "N/A",
              "value": "null"
            }
          ],
          "valueName": "avg"
        },
        {
          "cacheTimeout": null,
          "colorBackground": false,
          "colorValue": false,
          "colors": [
            "rgba(245, 54, 54, 0.9)",
            "rgba(237, 129, 40, 0.89)",
            "rgba(50, 172, 45, 0.97)"
          ],
          "datasource": "${DS_INFLUXDB}",
          "description": "",
          "format": "none",
          "gauge": {
            "maxValue": 100,
            "minValue": 0,
            "show": false,
            "thresholdLabels": false,
            "thresholdMarkers": true
          },
          "gridPos": {
            "h": 3,
            "w": 4,
            "x": 12,
            "y": 49
          },
          "id": 60,
          "interval": null,
          "links": [],
          "mappingType": 1,
          "mappingTypes": [
            {
              "name": "value to text",
              "value": 1
            },
            {
              "name": "range to text",
              "value": 2
            }
          ],
          "maxDataPoints": 100,
          "nullPointMode": "connected",
          "nullText": null,
          "options": {},
          "postfix": "",
          "postfixFontSize": "50%",
          "prefix": "",
          "prefixFontSize": "50%",
          "rangeMaps": [
            {
              "from": "null",
              "text": "N/A",
              "to": "null"
            }
          ],
          "sparkline": {
            "fillColor": "rgba(31, 118, 189, 0.18)",
            "full": false,
            "lineColor": "rgb(31, 120, 193)",
            "show": false
          },
          "tableColumn": "",
          "targets": [
            {
              "alias": "",
              "dsType": "influxdb",
              "groupBy": [
                {
                  "params": [
                    "$__interval"
                  ],
                  "type": "time"
                },
                {
                  "params": [
                    "null"
                  ],
                  "type": "fill"
                }
              ],
              "measurement": "score",
              "orderByTime": "ASC",
              "policy": "default",
              "query": "SELECT last(\"value\") FROM \"score\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"advice\" = 'performance' AND $timeFilter GROUP BY time($__interval) fill(null)",
              "rawQuery": false,
              "refId": "A",
              "resultFormat": "time_series",
              "select": [
                [
                  {
                    "params": [
                      "value"
                    ],
                    "type": "field"
                  },
                  {
                    "params": [],
                    "type": "last"
                  }
                ]
              ],
              "tags": [
                {
                  "key": "group",
                  "operator": "=~",
                  "value": "/^$group$/"
                },
                {
                  "condition": "AND",
                  "key": "browser",
                  "operator": "=~",
                  "value": "/^$browser$/"
                },
                {
                  "condition": "AND",
                  "key": "connectivity",
                  "operator": "=~",
                  "value": "/^$connectivity$/"
                },
                {
                  "condition": "AND",
                  "key": "page",
                  "operator": "=~",
                  "value": "/^$page$/"
                },
                {
                  "condition": "AND",
                  "key": "summaryType",
                  "operator": "=",
                  "value": "pageSummary"
                },
                {
                  "condition": "AND",
                  "key": "advice",
                  "operator": "=",
                  "value": "accessibility"
                },
                {
                  "condition": "AND",
                  "key": "category",
                  "operator": "=~",
                  "value": "/^$category$/"
                }
              ],
              "target": ""
            }
          ],
          "thresholds": "",
          "title": "Accessibility score",
          "type": "singlestat",
          "valueFontSize": "80%",
          "valueMaps": [
            {
              "op": "=",
              "text": "N/A",
              "value": "null"
            }
          ],
          "valueName": "avg"
        }
      ],
      "title": "Score",
      "type": "row"
    }
  ],
  "refresh": false,
  "schemaVersion": 20,
  "style": "dark",
  "tags": [],
  "templating": {
    "list": [
      {
        "allValue": null,
        "current": {},
        "datasource": "${DS_INFLUXDB}",
        "definition": "",
        "hide": 0,
        "includeAll": false,
        "label": null,
        "multi": false,
        "name": "category",
        "options": [],
        "query": "SHOW TAG VALUES WITH KEY = \"category\"",
        "refresh": 1,
        "regex": "",
        "skipUrlSync": false,
        "sort": 0,
        "tagValuesQuery": "",
        "tags": [],
        "tagsQuery": "",
        "type": "query",
        "useTags": false
      },
      {
        "allValue": null,
        "current": {},
        "datasource": "${DS_INFLUXDB}",
        "definition": "",
        "hide": 0,
        "includeAll": false,
        "label": "group",
        "multi": false,
        "name": "group",
        "options": [],
        "query": "SHOW TAG VALUES WITH KEY = \"group\" WHERE \"category\" =~ /$category/",
        "refresh": 1,
        "regex": "",
        "skipUrlSync": false,
        "sort": 0,
        "tagValuesQuery": "",
        "tags": [],
        "tagsQuery": "",
        "type": "query",
        "useTags": false
      },
      {
        "allValue": null,
        "current": {},
        "datasource": "${DS_INFLUXDB}",
        "definition": "",
        "hide": 0,
        "includeAll": false,
        "label": null,
        "multi": false,
        "name": "page",
        "options": [],
        "query": "SHOW TAG VALUES WITH KEY = \"page\" WHERE \"group\" =~ /$group/ AND \"category\" =~ /$category/",
        "refresh": 1,
        "regex": "",
        "skipUrlSync": false,
        "sort": 0,
        "tagValuesQuery": "",
        "tags": [],
        "tagsQuery": "",
        "type": "query",
        "useTags": false
      },
      {
        "allValue": null,
        "current": {},
        "datasource": "${DS_INFLUXDB}",
        "definition": "",
        "hide": 0,
        "includeAll": false,
        "label": null,
        "multi": false,
        "name": "browser",
        "options": [],
        "query": "SHOW TAG VALUES WITH KEY = \"browser\" WHERE \"group\" =~ /$group/ AND \"page\"  =~ /$page/ AND \"category\" =~ /$category/",
        "refresh": 1,
        "regex": "",
        "skipUrlSync": false,
        "sort": 0,
        "tagValuesQuery": "",
        "tags": [],
        "tagsQuery": "",
        "type": "query",
        "useTags": false
      },
      {
        "allValue": null,
        "current": {},
        "datasource": "${DS_INFLUXDB}",
        "definition": "",
        "hide": 0,
        "includeAll": false,
        "label": null,
        "multi": false,
        "name": "connectivity",
        "options": [],
        "query": "SHOW TAG VALUES WITH KEY = \"connectivity\" WHERE \"group\" =~ /$group/ AND \"page\"  =~ /$page/ AND \"browser\" =~ /$browser/ AND \"category\" =~ /$category/",
        "refresh": 1,
        "regex": "",
        "skipUrlSync": false,
        "sort": 0,
        "tagValuesQuery": "",
        "tags": [],
        "tagsQuery": "",
        "type": "query",
        "useTags": false
      }
    ]
  },
  "time": {
    "from": "now-2d",
    "to": "now"
  },
  "timepicker": {
    "refresh_intervals": [
      "5s",
      "10s",
      "30s",
      "1m",
      "5m",
      "15m",
      "30m",
      "1h",
      "2h",
      "1d"
    ],
    "time_options": [
      "5m",
      "15m",
      "1h",
      "6h",
      "12h",
      "24h",
      "2d",
      "7d",
      "30d"
    ]
  },
  "timezone": "browser",
  "title": "PageSummary [InfluxDB]",
  "uid": "000000053",
  "version": 17,
  "description": "Testing out Grafana with Sitespeed"
}