Skip to content

Instantly share code, notes, and snippets.

@fguillen
Last active May 28, 2024 13:40
Show Gist options
  • Save fguillen/c3734013e27211bd057e2ecc5925672a to your computer and use it in GitHub Desktop.
Save fguillen/c3734013e27211bd057e2ecc5925672a to your computer and use it in GitHub Desktop.
{
"annotations": {
"list": [
{
"builtIn": 1,
"datasource": {
"type": "grafana",
"uid": "-- Grafana --"
},
"enable": true,
"hide": true,
"iconColor": "rgba(0, 211, 255, 1)",
"name": "Annotations & Alerts",
"type": "dashboard"
}
]
},
"editable": true,
"fiscalYearStartMonth": 0,
"gnetId": 19419,
"graphTooltip": 0,
"id": 8,
"links": [],
"liveNow": false,
"panels": [
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"description": "",
"fieldConfig": {
"defaults": {
"color": {
"fixedColor": "green",
"mode": "fixed"
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
}
]
},
"unit": "short"
},
"overrides": []
},
"gridPos": {
"h": 4,
"w": 6,
"x": 0,
"y": 0
},
"id": 2,
"options": {
"colorMode": "value",
"graphMode": "area",
"justifyMode": "auto",
"orientation": "auto",
"reduceOptions": {
"calcs": [
"lastNotNull"
],
"fields": "",
"values": false
},
"showPercentChange": false,
"textMode": "auto",
"wideLayout": true
},
"pluginVersion": "11.0.0",
"targets": [
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"editorMode": "code",
"expr": "sum(http_server_request_duration_seconds_count{job=\"$app\", path=~\"$route\"}) by(job)",
"instant": true,
"legendFormat": "{{label_name}}",
"range": true,
"refId": "A"
}
],
"title": "Total Request",
"transformations": [
{
"id": "seriesToRows",
"options": {}
},
{
"id": "sortBy",
"options": {
"fields": {},
"sort": [
{
"field": "Time"
}
]
}
}
],
"type": "stat"
},
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"fieldConfig": {
"defaults": {
"color": {
"mode": "thresholds"
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
}
]
},
"unit": "short"
},
"overrides": []
},
"gridPos": {
"h": 8,
"w": 6,
"x": 6,
"y": 0
},
"id": 3,
"options": {
"colorMode": "value",
"graphMode": "area",
"justifyMode": "auto",
"orientation": "auto",
"reduceOptions": {
"calcs": [
"lastNotNull"
],
"fields": "",
"values": false
},
"showPercentChange": false,
"textMode": "auto",
"wideLayout": true
},
"pluginVersion": "11.0.0",
"targets": [
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"editorMode": "code",
"exemplar": false,
"expr": "sum(http_server_requests_total{job=\"$app\", code=~\"^2.*\", path=~\"$route\"}) ",
"format": "time_series",
"instant": true,
"legendFormat": "Http Status 2XX",
"range": true,
"refId": "2XX"
},
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"editorMode": "code",
"exemplar": false,
"expr": "sum(http_server_requests_total{job=\"$app\", code=~\"^3.*\", path=~\"$route\"}) ",
"format": "time_series",
"hide": false,
"instant": true,
"legendFormat": "Http Status 3XX",
"range": true,
"refId": "3XX"
},
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"editorMode": "code",
"exemplar": false,
"expr": "sum(http_server_requests_total{job=\"$app\", code=~\"^4.*\", path=~\"$route\"}) ",
"format": "time_series",
"hide": false,
"instant": true,
"legendFormat": "Http Status 4XX",
"range": true,
"refId": "4XX"
},
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"editorMode": "code",
"exemplar": false,
"expr": "sum(http_server_requests_total{job=\"$app\", code=~\"^5.*\", path=~\"$route\"}) ",
"format": "time_series",
"hide": false,
"instant": true,
"legendFormat": "Http Status 5XX",
"range": true,
"refId": "5XX"
}
],
"title": "Requests Count",
"transformations": [
{
"id": "seriesToRows",
"options": {}
},
{
"id": "sortBy",
"options": {
"fields": {},
"sort": [
{
"field": "Time"
}
]
}
},
{
"id": "partitionByValues",
"options": {
"fields": [
"Metric"
]
}
}
],
"type": "stat"
},
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"description": "request amount distribution",
"fieldConfig": {
"defaults": {
"color": {
"mode": "palette-classic"
},
"custom": {
"hideFrom": {
"legend": false,
"tooltip": false,
"viz": false
}
},
"mappings": [],
"unit": "short"
},
"overrides": []
},
"gridPos": {
"h": 8,
"w": 6,
"x": 12,
"y": 0
},
"id": 4,
"options": {
"displayLabels": [
"percent"
],
"legend": {
"displayMode": "list",
"placement": "right",
"showLegend": true,
"values": [
"percent"
]
},
"pieType": "donut",
"reduceOptions": {
"calcs": [
"lastNotNull"
],
"fields": "",
"values": false
},
"tooltip": {
"maxHeight": 600,
"mode": "single",
"sort": "none"
}
},
"targets": [
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"editorMode": "code",
"expr": "sum(http_server_requests_total{job=\"$app\", path=~\"$route\"}) by(code)",
"instant": false,
"legendFormat": "{{label_name}}",
"range": true,
"refId": "A"
}
],
"title": "Request Distribution",
"type": "piechart"
},
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"description": "cumulative latency distribution",
"fieldConfig": {
"defaults": {
"color": {
"mode": "palette-classic"
},
"custom": {
"hideFrom": {
"legend": false,
"tooltip": false,
"viz": false
}
},
"mappings": [],
"unit": "ms"
},
"overrides": []
},
"gridPos": {
"h": 8,
"w": 6,
"x": 18,
"y": 0
},
"id": 7,
"options": {
"displayLabels": [
"percent"
],
"legend": {
"displayMode": "list",
"placement": "right",
"showLegend": true,
"values": [
"percent"
]
},
"pieType": "donut",
"reduceOptions": {
"calcs": [
"lastNotNull"
],
"fields": "",
"values": false
},
"tooltip": {
"maxHeight": 600,
"mode": "single",
"sort": "none"
}
},
"targets": [
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"editorMode": "code",
"exemplar": false,
"expr": "sum(http_server_request_duration_seconds_sum{job=\"$app\", path=~\"$route\", path!~\".*active_storage.*\"}) by(path)",
"instant": true,
"legendFormat": "{{label_name}}",
"range": false,
"refId": "A"
}
],
"title": "Loading Distribution",
"type": "piechart"
},
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"description": "overall request rate per minute over last 3 minutes",
"fieldConfig": {
"defaults": {
"color": {
"mode": "thresholds"
},
"mappings": [],
"thresholds": {
"mode": "percentage",
"steps": [
{
"color": "green",
"value": null
}
]
},
"unit": "reqpm"
},
"overrides": []
},
"gridPos": {
"h": 4,
"w": 3,
"x": 0,
"y": 4
},
"id": 8,
"options": {
"minVizHeight": 75,
"minVizWidth": 75,
"orientation": "auto",
"reduceOptions": {
"calcs": [
"lastNotNull"
],
"fields": "",
"values": false
},
"showThresholdLabels": false,
"showThresholdMarkers": true,
"sizing": "auto"
},
"pluginVersion": "11.0.0",
"targets": [
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"editorMode": "code",
"expr": "sum(rate(http_server_request_duration_seconds_count{job=\"$app\", path=~\"$route\"}[3m])*60)",
"hide": false,
"instant": false,
"range": true,
"refId": "B"
}
],
"title": "Overall Request Rate",
"type": "gauge"
},
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"description": "percentage of HTTP status 5xx in all requests",
"fieldConfig": {
"defaults": {
"color": {
"mode": "thresholds"
},
"mappings": [],
"thresholds": {
"mode": "percentage",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 10
}
]
},
"unit": "percentunit"
},
"overrides": []
},
"gridPos": {
"h": 4,
"w": 3,
"x": 3,
"y": 4
},
"id": 9,
"options": {
"minVizHeight": 75,
"minVizWidth": 75,
"orientation": "auto",
"reduceOptions": {
"calcs": [
"lastNotNull"
],
"fields": "",
"values": false
},
"showThresholdLabels": false,
"showThresholdMarkers": true,
"sizing": "auto"
},
"pluginVersion": "11.0.0",
"targets": [
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"editorMode": "code",
"expr": "sum(http_server_requests_total{job=\"$app\", code=~\"5.*|\", path=~\"$route\"})/sum(http_server_requests_total{job=\"$app\", path=~\"$route\"})",
"instant": false,
"range": true,
"refId": "A"
}
],
"title": "Overall Error Rate",
"type": "gauge"
},
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"description": "request rate per minute over last 3 minutes",
"fieldConfig": {
"defaults": {
"color": {
"mode": "palette-classic"
},
"custom": {
"axisBorderShow": false,
"axisCenteredZero": false,
"axisColorMode": "text",
"axisLabel": "",
"axisPlacement": "auto",
"barAlignment": 0,
"drawStyle": "line",
"fillOpacity": 0,
"gradientMode": "none",
"hideFrom": {
"legend": false,
"tooltip": false,
"viz": false
},
"insertNulls": 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": "reqpm"
},
"overrides": []
},
"gridPos": {
"h": 8,
"w": 8,
"x": 0,
"y": 8
},
"id": 1,
"options": {
"legend": {
"calcs": [],
"displayMode": "list",
"placement": "bottom",
"showLegend": true
},
"tooltip": {
"maxHeight": 600,
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "10.0.2",
"targets": [
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"editorMode": "code",
"expr": "sum(rate(http_server_request_duration_seconds_count{job=\"$app\", path=~\"$route\"}[3m])*60) by(span_name)",
"hide": false,
"instant": false,
"legendFormat": "{{label_name}}",
"range": true,
"refId": "B"
}
],
"title": "Request Rate",
"type": "timeseries"
},
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"description": "PR95 latency over last 3 minutes",
"fieldConfig": {
"defaults": {
"color": {
"mode": "palette-classic"
},
"custom": {
"axisBorderShow": false,
"axisCenteredZero": false,
"axisColorMode": "text",
"axisLabel": "",
"axisPlacement": "auto",
"barAlignment": 0,
"drawStyle": "line",
"fillOpacity": 0,
"gradientMode": "none",
"hideFrom": {
"legend": false,
"tooltip": false,
"viz": false
},
"insertNulls": 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": "s"
},
"overrides": []
},
"gridPos": {
"h": 8,
"w": 8,
"x": 8,
"y": 8
},
"id": 5,
"options": {
"legend": {
"calcs": [],
"displayMode": "list",
"placement": "bottom",
"showLegend": true
},
"tooltip": {
"maxHeight": 600,
"mode": "single",
"sort": "none"
}
},
"targets": [
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"editorMode": "code",
"expr": "histogram_quantile(0.95, sum(rate(http_server_request_duration_seconds_bucket{job=\"$app\", path=~\"$route\"}[3m])) by (le, path))",
"instant": false,
"legendFormat": "{{label_name}}",
"range": true,
"refId": "A"
}
],
"title": "PR95 Latency",
"type": "timeseries"
},
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"description": "by route and http status code",
"fieldConfig": {
"defaults": {
"color": {
"mode": "continuous-GrYlRd"
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
},
"unit": "dtdurations"
},
"overrides": []
},
"gridPos": {
"h": 8,
"w": 8,
"x": 16,
"y": 8
},
"id": 6,
"options": {
"displayMode": "lcd",
"maxVizHeight": 300,
"minVizHeight": 10,
"minVizWidth": 0,
"namePlacement": "auto",
"orientation": "horizontal",
"reduceOptions": {
"calcs": [
"lastNotNull"
],
"fields": "",
"values": false
},
"showUnfilled": true,
"sizing": "auto",
"valueMode": "color"
},
"pluginVersion": "11.0.0",
"targets": [
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"editorMode": "code",
"exemplar": false,
"expr": "sort_desc(http_server_request_duration_seconds_sum{job=\"$app\", path=~\"$route\"} / http_server_request_duration_seconds_count{job=\"$app\", path=~\"$route\"})",
"instant": true,
"legendFormat": "{{path}}",
"range": false,
"refId": "A"
}
],
"title": "Average Latency",
"type": "bargauge"
},
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"description": "Details of each API",
"fieldConfig": {
"defaults": {
"color": {
"mode": "thresholds"
},
"custom": {
"align": "auto",
"cellOptions": {
"type": "auto"
},
"inspect": false
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
}
},
"overrides": [
{
"matcher": {
"id": "byName",
"options": "Request Rate Trend"
},
"properties": [
{
"id": "custom.cellOptions",
"value": {
"hideValue": true,
"type": "sparkline"
}
},
{
"id": "color",
"value": {
"mode": "palette-classic"
}
}
]
},
{
"matcher": {
"id": "byName",
"options": "Request Rate"
},
"properties": [
{
"id": "unit",
"value": "reqpm"
}
]
},
{
"matcher": {
"id": "byName",
"options": "PR95 Latency"
},
"properties": [
{
"id": "unit",
"value": "s"
}
]
},
{
"matcher": {
"id": "byName",
"options": "Error Rate Trend"
},
"properties": [
{
"id": "custom.cellOptions",
"value": {
"hideValue": true,
"spanNulls": false,
"type": "sparkline"
}
},
{
"id": "color",
"value": {
"mode": "palette-classic"
}
}
]
},
{
"matcher": {
"id": "byName",
"options": "Error Rate"
},
"properties": [
{
"id": "unit",
"value": "percentunit"
},
{
"id": "noValue",
"value": "0%"
}
]
},
{
"matcher": {
"id": "byName",
"options": "PR95 Latency Trend"
},
"properties": [
{
"id": "custom.cellOptions",
"value": {
"hideValue": true,
"type": "sparkline"
}
},
{
"id": "color",
"value": {
"mode": "palette-classic"
}
}
]
}
]
},
"gridPos": {
"h": 10,
"w": 24,
"x": 0,
"y": 16
},
"id": 10,
"options": {
"cellHeight": "sm",
"footer": {
"countRows": false,
"enablePagination": true,
"fields": "",
"reducer": [
"sum"
],
"show": false
},
"showHeader": true,
"sortBy": []
},
"pluginVersion": "11.0.0",
"targets": [
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"editorMode": "code",
"exemplar": false,
"expr": "sum(rate(http_server_request_duration_seconds_count{job=\"$app\", path=~\"$route\"}[3m])*60) by(job, method, path)",
"format": "time_series",
"hide": false,
"instant": false,
"range": true,
"refId": "Request Rate Trend"
},
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"editorMode": "code",
"expr": "histogram_quantile(0.95, sum(rate(http_server_request_duration_seconds_bucket{job=\"$app\", path=~\"$route\"}[3m])) by (le, job, method, path))",
"hide": false,
"instant": false,
"range": true,
"refId": "PR95 Trend"
},
{
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"editorMode": "code",
"exemplar": false,
"expr": "sum(http_server_requests_total{job=\"$app\", path=~\"$route\", code!~\"2.*|3.*\"}) by(job, method, path) / sum(http_server_requests_total{job=\"$app\", path=~\"$route\"}) by(job, method, path)",
"format": "time_series",
"hide": false,
"instant": false,
"range": true,
"refId": "Error Rate Trend"
}
],
"title": "Details",
"transformations": [
{
"id": "timeSeriesTable",
"options": {}
},
{
"id": "merge",
"options": {}
},
{
"id": "organize",
"options": {
"excludeByName": {
"Time": true
},
"indexByName": {
"Time": 0,
"Trend #PR95 Trend": 7,
"Trend #Request Rate Trend": 5,
"Value #PR95": 8,
"Value #Request Rate": 6,
"code": 4,
"http_method": 3,
"job": 1,
"path": 2
},
"renameByName": {
"Trend": "Request Rate Trend",
"Trend #Error Rate Trend": "Error Rate Trend",
"Trend #PR95 Trend": "PR95 Latency Trend",
"Trend #Request Rate": "Request Rate",
"Trend #Request Rate Trend": "Request Rate Trend",
"Value": "Request Rate",
"Value #A": "Error Rate",
"Value #Error Rate": "Error Rate",
"Value #PR95": "PR95 Latency",
"Value #Request Rate": "Request Rate",
"code": "Status Code",
"http_method": "Method",
"job": "Application",
"path": "Route"
}
}
}
],
"type": "table"
}
],
"refresh": "5m",
"schemaVersion": 39,
"tags": [],
"templating": {
"list": [
{
"current": {
"selected": true,
"text": "app.playcocola.com Application",
"value": "app.playcocola.com Application"
},
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"definition": "label_values(scrape_job)",
"hide": 0,
"includeAll": false,
"label": "Application",
"multi": false,
"name": "app",
"options": [],
"query": {
"qryType": 1,
"query": "label_values(scrape_job)",
"refId": "PrometheusVariableQueryEditor-VariableQuery"
},
"refresh": 1,
"regex": "",
"skipUrlSync": false,
"sort": 0,
"type": "query"
},
{
"current": {
"selected": true,
"text": [
"All"
],
"value": [
"$__all"
]
},
"datasource": {
"type": "prometheus",
"uid": "bdk4w88l1twqob"
},
"definition": "label_values(path)",
"hide": 0,
"includeAll": true,
"label": "Route",
"multi": true,
"name": "route",
"options": [],
"query": {
"qryType": 1,
"query": "label_values(path)",
"refId": "PrometheusVariableQueryEditor-VariableQuery"
},
"refresh": 1,
"regex": "",
"skipUrlSync": false,
"sort": 0,
"type": "query"
}
]
},
"time": {
"from": "now-6h",
"to": "now"
},
"timeRangeUpdatedDuringEditOrView": false,
"timepicker": {},
"timezone": "",
"title": "OpenTelemetry APM",
"uid": "opentelemetry-apm",
"version": 11,
"weekStart": ""
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment