{ "__inputs": [ { "name": "DS_CLOUDWATCH-1", "label": "CloudWatch-1", "description": "", "type": "datasource", "pluginId": "cloudwatch", "pluginName": "CloudWatch" } ], "__elements": {}, "__requires": [ { "type": "panel", "id": "barchart", "name": "Bar chart", "version": "" }, { "type": "datasource", "id": "cloudwatch", "name": "CloudWatch", "version": "1.0.0" }, { "type": "grafana", "id": "grafana", "name": "Grafana", "version": "9.4.7" }, { "type": "panel", "id": "stat", "name": "Stat", "version": "" }, { "type": "panel", "id": "timeseries", "name": "Time series", "version": "" } ], "annotations": { "list": [ { "builtIn": 1, "datasource": { "type": "grafana", "uid": "-- Grafana --" }, "enable": true, "hide": true, "iconColor": "rgba(0, 211, 255, 1)", "name": "Annotations & Alerts", "target": { "limit": 100, "matchAny": false, "tags": [], "type": "dashboard" }, "type": "dashboard" } ] }, "editable": true, "fiscalYearStartMonth": 0, "graphTooltip": 0, "id": null, "links": [], "liveNow": false, "panels": [ { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "fieldConfig": { "defaults": { "color": { "mode": "thresholds" }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green", "value": null }, { "color": "red", "value": 80 } ] }, "unit": "bytes" }, "overrides": [] }, "gridPos": { "h": 3, "w": 4, "x": 0, "y": 0 }, "id": 22, "options": { "colorMode": "none", "graphMode": "none", "justifyMode": "auto", "orientation": "auto", "reduceOptions": { "calcs": [ "lastNotNull" ], "fields": "", "values": false }, "textMode": "auto" }, "pluginVersion": "9.4.7", "targets": [ { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "dimensions": {}, "expression": "", "id": "", "label": "", "logGroups": [], "matchExact": true, "metricEditorMode": 0, "metricName": "RumEventPayloadSize", "metricQueryType": 1, "namespace": "AWS/RUM", "period": "", "queryMode": "Metrics", "refId": "A", "region": "default", "sql": { "from": { "property": { "name": "AWS/RUM", "type": "string" }, "type": "property" }, "select": { "name": "AVG", "parameters": [ { "name": "RumEventPayloadSize", "type": "functionParameter" } ], "type": "function" } }, "sqlExpression": "SELECT AVG(RumEventPayloadSize) FROM \"AWS/RUM\"", "statistic": "Sum" } ], "title": "Payload Size", "type": "stat" }, { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "description": "", "fieldConfig": { "defaults": { "color": { "mode": "thresholds" }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green", "value": null }, { "color": "red", "value": 80 } ] } }, "overrides": [] }, "gridPos": { "h": 3, "w": 4, "x": 4, "y": 0 }, "id": 4, "options": { "colorMode": "value", "graphMode": "none", "justifyMode": "auto", "orientation": "auto", "reduceOptions": { "calcs": [ "lastNotNull" ], "fields": "", "values": false }, "textMode": "auto" }, "pluginVersion": "9.4.7", "targets": [ { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "dimensions": {}, "expression": "", "id": "", "label": "", "logGroups": [], "matchExact": true, "metricEditorMode": 0, "metricName": "SessionCount", "metricQueryType": 1, "namespace": "AWS/RUM", "period": "", "queryMode": "Metrics", "refId": "A", "region": "default", "sql": { "from": { "property": { "name": "AWS/RUM", "type": "string" }, "type": "property" }, "select": { "name": "COUNT", "parameters": [ { "name": "SessionCount", "type": "functionParameter" } ], "type": "function" } }, "sqlExpression": "SELECT COUNT(SessionCount) FROM \"AWS/RUM\"", "statistic": "Average" } ], "title": "Session Count", "type": "stat" }, { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "fieldConfig": { "defaults": { "color": { "mode": "thresholds" }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green", "value": null }, { "color": "red", "value": 2 } ] } }, "overrides": [] }, "gridPos": { "h": 3, "w": 4, "x": 8, "y": 0 }, "id": 6, "options": { "colorMode": "value", "graphMode": "none", "justifyMode": "auto", "orientation": "auto", "reduceOptions": { "calcs": [ "lastNotNull" ], "fields": "", "values": false }, "textMode": "auto" }, "pluginVersion": "9.4.7", "targets": [ { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "dimensions": {}, "expression": "", "id": "", "label": "", "logGroups": [], "matchExact": true, "metricEditorMode": 0, "metricName": "", "metricQueryType": 1, "namespace": "AWS/RUM", "period": "", "queryMode": "Metrics", "refId": "A", "region": "default", "sql": { "from": { "property": { "name": "AWS/RUM", "type": "string" }, "type": "property" }, "select": { "name": "COUNT", "parameters": [ { "name": "HttpErrorCount", "type": "functionParameter" } ], "type": "function" } }, "sqlExpression": "SELECT COUNT(HttpErrorCount) FROM \"AWS/RUM\"", "statistic": "Average" } ], "title": "HTTP Error Count", "type": "stat" }, { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "fieldConfig": { "defaults": { "color": { "mode": "thresholds" }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green", "value": null }, { "color": "red", "value": 80 } ] }, "unit": "ms" }, "overrides": [] }, "gridPos": { "h": 3, "w": 4, "x": 12, "y": 0 }, "id": 10, "options": { "colorMode": "value", "graphMode": "none", "justifyMode": "auto", "orientation": "auto", "reduceOptions": { "calcs": [ "lastNotNull" ], "fields": "", "values": false }, "textMode": "auto" }, "pluginVersion": "9.4.7", "targets": [ { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "dimensions": {}, "expression": "", "id": "", "label": "", "logGroups": [], "matchExact": true, "metricEditorMode": 0, "metricName": "", "metricQueryType": 1, "namespace": "AWS/RUM", "period": "", "queryMode": "Metrics", "refId": "A", "region": "default", "sql": { "from": { "property": { "name": "AWS/RUM", "type": "string" }, "type": "property" }, "select": { "name": "COUNT", "parameters": [ { "name": "WebVitalsFirstInputDelay", "type": "functionParameter" } ], "type": "function" } }, "sqlExpression": "SELECT COUNT(WebVitalsFirstInputDelay) FROM \"AWS/RUM\"", "statistic": "Average" } ], "title": "First Input Delay", "type": "stat" }, { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "fieldConfig": { "defaults": { "color": { "mode": "thresholds" }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green", "value": null }, { "color": "red", "value": 80 } ] }, "unit": "ms" }, "overrides": [] }, "gridPos": { "h": 3, "w": 4, "x": 16, "y": 0 }, "id": 14, "options": { "colorMode": "value", "graphMode": "none", "justifyMode": "auto", "orientation": "auto", "reduceOptions": { "calcs": [ "lastNotNull" ], "fields": "", "values": false }, "textMode": "auto" }, "pluginVersion": "9.4.7", "targets": [ { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "dimensions": {}, "expression": "", "id": "", "label": "", "logGroups": [], "matchExact": true, "metricEditorMode": 0, "metricName": "", "metricQueryType": 1, "namespace": "AWS/RUM", "period": "", "queryMode": "Metrics", "refId": "A", "region": "default", "sql": { "from": { "property": { "name": "AWS/RUM", "type": "string" }, "type": "property" }, "select": { "name": "AVG", "parameters": [ { "name": "WebVitalsLargestContentfulPaint", "type": "functionParameter" } ], "type": "function" } }, "sqlExpression": "SELECT AVG(WebVitalsLargestContentfulPaint) FROM \"AWS/RUM\"", "statistic": "Average" } ], "title": "Largest Contentful Paint", "type": "stat" }, { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "fieldConfig": { "defaults": { "color": { "mode": "thresholds" }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green", "value": null }, { "color": "red", "value": 80 } ] } }, "overrides": [] }, "gridPos": { "h": 3, "w": 4, "x": 20, "y": 0 }, "id": 20, "options": { "colorMode": "value", "graphMode": "none", "justifyMode": "auto", "orientation": "auto", "reduceOptions": { "calcs": [ "lastNotNull" ], "fields": "", "values": false }, "textMode": "auto" }, "pluginVersion": "9.4.7", "targets": [ { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "dimensions": {}, "expression": "", "id": "", "label": "", "logGroups": [], "matchExact": true, "metricEditorMode": 0, "metricName": "", "metricQueryType": 1, "namespace": "AWS/RUM", "period": "", "queryMode": "Metrics", "refId": "A", "region": "default", "sql": { "from": { "property": { "name": "AWS/RUM", "type": "string" }, "type": "property" }, "select": { "name": "AVG", "parameters": [ { "name": "WebVitalsCumulativeLayoutShift", "type": "functionParameter" } ], "type": "function" } }, "sqlExpression": "SELECT AVG(WebVitalsCumulativeLayoutShift) FROM \"AWS/RUM\"", "statistic": "Average" } ], "title": "Cumulative Layout Shift", "type": "stat" }, { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "description": "", "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisCenteredZero": false, "axisColorMode": "text", "axisLabel": "", "axisPlacement": "auto", "barAlignment": 0, "drawStyle": "line", "fillOpacity": 0, "gradientMode": "none", "hideFrom": { "legend": false, "tooltip": false, "viz": false }, "lineInterpolation": "linear", "lineWidth": 1, "pointSize": 5, "scaleDistribution": { "type": "linear" }, "showPoints": "auto", "spanNulls": false, "stacking": { "group": "A", "mode": "none" }, "thresholdsStyle": { "mode": "off" } }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green", "value": null }, { "color": "red", "value": 80 } ] } }, "overrides": [] }, "gridPos": { "h": 8, "w": 12, "x": 0, "y": 3 }, "id": 24, "options": { "legend": { "calcs": [], "displayMode": "list", "placement": "bottom", "showLegend": false }, "tooltip": { "mode": "single", "sort": "none" } }, "targets": [ { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "dimensions": {}, "expression": "", "id": "", "label": "", "logGroups": [], "matchExact": true, "metricEditorMode": 0, "metricName": "", "metricQueryType": 1, "namespace": "AWS/RUM", "period": "", "queryMode": "Metrics", "refId": "A", "region": "default", "sql": { "from": { "property": { "name": "AWS/RUM", "type": "string" }, "type": "property" }, "select": { "name": "AVG", "parameters": [ { "name": "RumEventPayloadSize", "type": "functionParameter" } ], "type": "function" } }, "sqlExpression": "SELECT AVG(RumEventPayloadSize) FROM \"AWS/RUM\"", "statistic": "Average" } ], "title": "Payload Size over time", "type": "timeseries" }, { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisCenteredZero": false, "axisColorMode": "text", "axisLabel": "", "axisPlacement": "auto", "barAlignment": 0, "drawStyle": "line", "fillOpacity": 0, "gradientMode": "none", "hideFrom": { "legend": false, "tooltip": false, "viz": false }, "lineInterpolation": "linear", "lineWidth": 1, "pointSize": 5, "scaleDistribution": { "type": "linear" }, "showPoints": "auto", "spanNulls": false, "stacking": { "group": "A", "mode": "none" }, "thresholdsStyle": { "mode": "off" } }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green", "value": null }, { "color": "red", "value": 80 } ] } }, "overrides": [] }, "gridPos": { "h": 8, "w": 12, "x": 12, "y": 3 }, "id": 2, "options": { "legend": { "calcs": [], "displayMode": "list", "placement": "bottom", "showLegend": false }, "tooltip": { "mode": "single", "sort": "none" } }, "targets": [ { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "dimensions": {}, "expression": "", "id": "", "label": "", "logGroups": [], "matchExact": true, "metricEditorMode": 0, "metricName": "", "metricQueryType": 1, "namespace": "AWS/RUM", "period": "", "queryMode": "Metrics", "refId": "A", "region": "default", "sql": { "from": { "property": { "name": "AWS/RUM", "type": "string" }, "type": "property" }, "select": { "name": "COUNT", "parameters": [ { "name": "SessionCount", "type": "functionParameter" } ], "type": "function" } }, "sqlExpression": "SELECT COUNT(SessionCount) FROM \"AWS/RUM\"", "statistic": "Average" } ], "title": "Session Count over time", "type": "timeseries" }, { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisCenteredZero": false, "axisColorMode": "text", "axisLabel": "", "axisPlacement": "auto", "fillOpacity": 80, "gradientMode": "none", "hideFrom": { "legend": false, "tooltip": false, "viz": false }, "lineWidth": 1, "scaleDistribution": { "type": "linear" }, "thresholdsStyle": { "mode": "off" } }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green", "value": null }, { "color": "red", "value": 80 } ] } }, "overrides": [] }, "gridPos": { "h": 8, "w": 12, "x": 0, "y": 11 }, "id": 8, "options": { "barRadius": 0, "barWidth": 0.03, "fullHighlight": false, "groupWidth": 0.7, "legend": { "calcs": [], "displayMode": "list", "placement": "bottom", "showLegend": false }, "orientation": "auto", "showValue": "auto", "stacking": "none", "tooltip": { "mode": "single", "sort": "none" }, "xTickLabelRotation": 0, "xTickLabelSpacing": 0 }, "pluginVersion": "9.4.7", "targets": [ { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "dimensions": {}, "expression": "", "id": "", "label": "", "logGroups": [], "matchExact": true, "metricEditorMode": 0, "metricName": "", "metricQueryType": 1, "namespace": "AWS/RUM", "period": "", "queryMode": "Metrics", "refId": "A", "region": "default", "sql": { "from": { "property": { "name": "AWS/RUM", "type": "string" }, "type": "property" }, "select": { "name": "COUNT", "parameters": [ { "name": "HttpErrorCount", "type": "functionParameter" } ], "type": "function" } }, "sqlExpression": "SELECT COUNT(HttpErrorCount) FROM \"AWS/RUM\"", "statistic": "Average" } ], "title": "HTTP Error Count over time", "type": "barchart" }, { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisCenteredZero": false, "axisColorMode": "text", "axisLabel": "", "axisPlacement": "auto", "barAlignment": 0, "drawStyle": "line", "fillOpacity": 0, "gradientMode": "none", "hideFrom": { "legend": false, "tooltip": false, "viz": false }, "lineInterpolation": "linear", "lineWidth": 1, "pointSize": 5, "scaleDistribution": { "type": "linear" }, "showPoints": "auto", "spanNulls": false, "stacking": { "group": "A", "mode": "none" }, "thresholdsStyle": { "mode": "off" } }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green", "value": null }, { "color": "red", "value": 80 } ] }, "unit": "ms" }, "overrides": [] }, "gridPos": { "h": 8, "w": 12, "x": 12, "y": 11 }, "id": 12, "options": { "legend": { "calcs": [], "displayMode": "list", "placement": "bottom", "showLegend": false }, "tooltip": { "mode": "single", "sort": "none" } }, "targets": [ { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "dimensions": {}, "expression": "", "id": "", "label": "", "logGroups": [], "matchExact": true, "metricEditorMode": 0, "metricName": "", "metricQueryType": 1, "namespace": "AWS/RUM", "period": "", "queryMode": "Metrics", "refId": "A", "region": "default", "sql": { "from": { "property": { "name": "AWS/RUM", "type": "string" }, "type": "property" }, "select": { "name": "AVG", "parameters": [ { "name": "WebVitalsFirstInputDelay", "type": "functionParameter" } ], "type": "function" } }, "sqlExpression": "SELECT AVG(WebVitalsFirstInputDelay) FROM \"AWS/RUM\"", "statistic": "Average" } ], "title": "First input Delay over time", "type": "timeseries" }, { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisCenteredZero": false, "axisColorMode": "text", "axisLabel": "", "axisPlacement": "auto", "barAlignment": 0, "drawStyle": "line", "fillOpacity": 0, "gradientMode": "none", "hideFrom": { "legend": false, "tooltip": false, "viz": false }, "lineInterpolation": "linear", "lineWidth": 1, "pointSize": 5, "scaleDistribution": { "type": "linear" }, "showPoints": "auto", "spanNulls": false, "stacking": { "group": "A", "mode": "none" }, "thresholdsStyle": { "mode": "off" } }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green", "value": null }, { "color": "red", "value": 80 } ] } }, "overrides": [] }, "gridPos": { "h": 8, "w": 12, "x": 0, "y": 19 }, "id": 16, "options": { "legend": { "calcs": [], "displayMode": "list", "placement": "bottom", "showLegend": false }, "tooltip": { "mode": "single", "sort": "none" } }, "targets": [ { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "dimensions": {}, "expression": "", "id": "", "label": "", "logGroups": [], "matchExact": true, "metricEditorMode": 0, "metricName": "", "metricQueryType": 1, "namespace": "AWS/RUM", "period": "", "queryMode": "Metrics", "refId": "A", "region": "default", "sql": { "from": { "property": { "name": "AWS/RUM", "type": "string" }, "type": "property" }, "select": { "name": "AVG", "parameters": [ { "name": "WebVitalsLargestContentfulPaint", "type": "functionParameter" } ], "type": "function" } }, "sqlExpression": "SELECT AVG(WebVitalsLargestContentfulPaint) FROM \"AWS/RUM\"", "statistic": "Average" } ], "title": "Largest Contentful Paint over time", "type": "timeseries" }, { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisCenteredZero": false, "axisColorMode": "text", "axisLabel": "", "axisPlacement": "auto", "barAlignment": 0, "drawStyle": "line", "fillOpacity": 0, "gradientMode": "none", "hideFrom": { "legend": false, "tooltip": false, "viz": false }, "lineInterpolation": "linear", "lineWidth": 1, "pointSize": 5, "scaleDistribution": { "type": "linear" }, "showPoints": "auto", "spanNulls": false, "stacking": { "group": "A", "mode": "none" }, "thresholdsStyle": { "mode": "off" } }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green", "value": null }, { "color": "red", "value": 80 } ] } }, "overrides": [] }, "gridPos": { "h": 8, "w": 12, "x": 12, "y": 19 }, "id": 18, "options": { "legend": { "calcs": [], "displayMode": "list", "placement": "bottom", "showLegend": false }, "tooltip": { "mode": "single", "sort": "none" } }, "targets": [ { "datasource": { "type": "cloudwatch", "uid": "${DS_CLOUDWATCH-1}" }, "dimensions": {}, "expression": "", "id": "", "label": "", "logGroups": [], "matchExact": true, "metricEditorMode": 0, "metricName": "", "metricQueryType": 1, "namespace": "AWS/RUM", "period": "", "queryMode": "Metrics", "refId": "A", "region": "default", "sql": { "from": { "property": { "name": "AWS/RUM", "type": "string" }, "type": "property" }, "select": { "name": "AVG", "parameters": [ { "name": "WebVitalsCumulativeLayoutShift", "type": "functionParameter" } ], "type": "function" } }, "sqlExpression": "SELECT AVG(WebVitalsCumulativeLayoutShift) FROM \"AWS/RUM\"", "statistic": "Average" } ], "title": "Cumulative Layout Shift over time", "type": "timeseries" } ], "refresh": "10s", "revision": 1, "schemaVersion": 38, "style": "dark", "tags": [], "templating": { "list": [] }, "time": { "from": "now-3h", "to": "now" }, "timepicker": {}, "timezone": "", "title": "RUM Dashboard", "uid": "-W4kFV4Sz", "version": 4, "weekStart": "" }