From fec8a5242910a2fd7be000417fb3571955b6ddda Mon Sep 17 00:00:00 2001 From: Alex Lebens Date: Sun, 5 Jan 2025 20:59:59 -0600 Subject: [PATCH] change layout --- dashboards/service/spegel.json | 771 ++++++++++++++------------------- 1 file changed, 333 insertions(+), 438 deletions(-) diff --git a/dashboards/service/spegel.json b/dashboards/service/spegel.json index 6f29b00..37fa841 100644 --- a/dashboards/service/spegel.json +++ b/dashboards/service/spegel.json @@ -24,7 +24,7 @@ "editable": false, "fiscalYearStartMonth": 0, "graphTooltip": 0, - "id": 210, + "id": 67, "links": [], "panels": [ { @@ -77,7 +77,7 @@ "id": 11, "options": { "colorMode": "none", - "graphMode": "area", + "graphMode": "none", "justifyMode": "auto", "orientation": "auto", "percentChangeColorMode": "standard", @@ -106,7 +106,6 @@ } ], "title": "Registry", - "transparent": true, "type": "stat" }, { @@ -145,7 +144,7 @@ "id": 29, "options": { "colorMode": "none", - "graphMode": "area", + "graphMode": "none", "justifyMode": "auto", "orientation": "auto", "percentChangeColorMode": "standard", @@ -173,138 +172,12 @@ } ], "title": "Running Nodes", - "transparent": true, "type": "stat" }, { "datasource": { "type": "prometheus", - "uid": "$datasource" - }, - "fieldConfig": { - "defaults": { - "links": [], - "mappings": [], - "thresholds": { - "mode": "absolute", - "steps": [] - }, - "unit": "none" - }, - "overrides": [] - }, - "gridPos": { - "h": 4, - "w": 3, - "x": 6, - "y": 1 - }, - "id": 22, - "options": { - "colorMode": "none", - "graphMode": "area", - "justifyMode": "auto", - "orientation": "auto", - "percentChangeColorMode": "standard", - "reduceOptions": { - "calcs": ["lastNotNull"], - "fields": "", - "values": false - }, - "showPercentChange": false, - "textMode": "auto", - "wideLayout": true - }, - "pluginVersion": "11.4.0", - "targets": [ - { - "datasource": { - "uid": "$datasource" - }, - "editorMode": "code", - "expr": "sum(kubelet_running_containers)", - "format": "time_series", - "intervalFactor": 2, - "legendFormat": "{{instance}}", - "range": true, - "refId": "A" - } - ], - "title": "Running Containers", - "transparent": true, - "type": "stat" - }, - { - "datasource": { - "type": "prometheus", - "uid": "${DS_PROMETHEUS}" - }, - "fieldConfig": { - "defaults": { - "color": { - "mode": "thresholds" - }, - "mappings": [], - "thresholds": { - "mode": "absolute", - "steps": [ - { - "color": "green", - "value": null - }, - { - "color": "red", - "value": 80 - } - ] - } - }, - "overrides": [] - }, - "gridPos": { - "h": 4, - "w": 3, - "x": 9, - "y": 1 - }, - "id": 20, - "options": { - "colorMode": "none", - "graphMode": "area", - "justifyMode": "auto", - "orientation": "auto", - "percentChangeColorMode": "standard", - "reduceOptions": { - "calcs": ["lastNotNull"], - "fields": "", - "values": false - }, - "showPercentChange": false, - "textMode": "auto", - "wideLayout": true - }, - "pluginVersion": "11.4.0", - "targets": [ - { - "datasource": { - "type": "prometheus", - "uid": "${DS_PROMETHEUS}" - }, - "editorMode": "code", - "expr": "sum(kubelet_running_pods)", - "legendFormat": "__auto", - "range": true, - "refId": "A" - } - ], - "title": "Running Pods", - "transparent": true, - "type": "stat" - }, - { - "datasource": { - "type": "prometheus", - "uid": "${DS_PROMETHEUS}" + "uid": "prometheus" }, "description": "", "fieldConfig": { @@ -333,8 +206,8 @@ }, "gridPos": { "h": 4, - "w": 3, - "x": 12, + "w": 4, + "x": 6, "y": 1 }, "id": 12, @@ -358,11 +231,11 @@ { "datasource": { "type": "prometheus", - "uid": "${DS_PROMETHEUS}" + "uid": "prometheus" }, "editorMode": "code", "exemplar": false, - "expr": "max(rate(http_request_duration_seconds_bucket{job=\"spegel\"})) [$__interval]", + "expr": "max(http_request_duration_seconds_bucket{job=\"spegel\"})", "format": "table", "instant": true, "legendFormat": "__auto", @@ -371,34 +244,196 @@ } ], "title": "Max Request Duration", - "transparent": true, "type": "stat" }, { + "datasource": { + "type": "prometheus", + "uid": "prometheus" + }, "fieldConfig": { - "defaults": {}, + "defaults": { + "color": { + "mode": "palette-classic" + }, + "custom": { + "axisBorderShow": false, + "axisCenteredZero": false, + "axisColorMode": "text", + "axisLabel": "", + "axisPlacement": "auto", + "barAlignment": 0, + "barWidthFactor": 0.6, + "drawStyle": "line", + "fillOpacity": 20, + "gradientMode": "opacity", + "hideFrom": { + "legend": false, + "tooltip": false, + "viz": false + }, + "insertNulls": false, + "lineInterpolation": "smooth", + "lineWidth": 2, + "pointSize": 5, + "scaleDistribution": { + "type": "linear" + }, + "showPoints": "auto", + "spanNulls": true, + "stacking": { + "group": "A", + "mode": "none" + }, + "thresholdsStyle": { + "mode": "off" + } + }, + "links": [], + "mappings": [], + "min": 0, + "thresholds": { + "mode": "absolute", + "steps": [] + }, + "unit": "none" + }, "overrides": [] }, "gridPos": { "h": 4, - "w": 3, - "x": 18, + "w": 7, + "x": 10, "y": 1 }, - "id": 2, + "id": 22, "options": { - "code": { - "language": "plaintext", - "showLineNumbers": false, - "showMiniMap": false + "legend": { + "calcs": [], + "displayMode": "list", + "placement": "bottom", + "showLegend": false }, - "content": "
\n
Spegel at GitHub
\n\n", - "mode": "html" + "tooltip": { + "mode": "single", + "sort": "none" + } }, "pluginVersion": "11.4.0", - "title": "Github link", - "transparent": true, - "type": "text" + "targets": [ + { + "datasource": { + "uid": "$datasource" + }, + "editorMode": "code", + "expr": "sum(kubelet_running_containers)", + "format": "time_series", + "interval": "10m", + "intervalFactor": 2, + "legendFormat": "{{instance}}", + "range": true, + "refId": "A" + } + ], + "title": "Running Containers", + "type": "timeseries" + }, + { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "fieldConfig": { + "defaults": { + "color": { + "mode": "palette-classic" + }, + "custom": { + "axisBorderShow": false, + "axisCenteredZero": false, + "axisColorMode": "text", + "axisLabel": "", + "axisPlacement": "auto", + "barAlignment": 0, + "barWidthFactor": 0.6, + "drawStyle": "line", + "fillOpacity": 20, + "gradientMode": "opacity", + "hideFrom": { + "legend": false, + "tooltip": false, + "viz": false + }, + "insertNulls": false, + "lineInterpolation": "smooth", + "lineWidth": 2, + "pointSize": 5, + "scaleDistribution": { + "type": "linear" + }, + "showPoints": "auto", + "spanNulls": true, + "stacking": { + "group": "A", + "mode": "none" + }, + "thresholdsStyle": { + "mode": "off" + } + }, + "mappings": [], + "min": 0, + "thresholds": { + "mode": "absolute", + "steps": [ + { + "color": "green", + "value": null + }, + { + "color": "red", + "value": 80 + } + ] + } + }, + "overrides": [] + }, + "gridPos": { + "h": 4, + "w": 7, + "x": 17, + "y": 1 + }, + "id": 20, + "options": { + "legend": { + "calcs": [], + "displayMode": "list", + "placement": "bottom", + "showLegend": false + }, + "tooltip": { + "mode": "single", + "sort": "none" + } + }, + "pluginVersion": "11.4.0", + "targets": [ + { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "editorMode": "code", + "expr": "sum(kubelet_running_pods)", + "legendFormat": "__auto", + "range": true, + "refId": "A" + } + ], + "title": "Running Pods", + "type": "timeseries" }, { "collapsed": false, @@ -417,150 +452,7 @@ { "datasource": { "type": "prometheus", - "uid": "${DS_PROMETHEUS}" - }, - "fieldConfig": { - "defaults": { - "color": { - "mode": "thresholds" - }, - "custom": { - "align": "center", - "cellOptions": { - "type": "auto" - }, - "inspect": false - }, - "mappings": [], - "thresholds": { - "mode": "absolute", - "steps": [ - { - "color": "green", - "value": null - }, - { - "color": "red", - "value": 80 - } - ] - } - }, - "overrides": [ - { - "matcher": { - "id": "byName", - "options": "instance" - }, - "properties": [ - { - "id": "custom.width", - "value": 226 - } - ] - }, - { - "matcher": { - "id": "byName", - "options": "prometheus" - }, - "properties": [ - { - "id": "custom.width", - "value": 296 - } - ] - } - ] - }, - "gridPos": { - "h": 7, - "w": 12, - "x": 0, - "y": 6 - }, - "id": 16, - "options": { - "cellHeight": "sm", - "footer": { - "countRows": false, - "enablePagination": false, - "fields": "", - "reducer": ["sum"], - "show": false - }, - "frameIndex": 0, - "showHeader": true, - "sortBy": [] - }, - "pluginVersion": "11.4.0", - "targets": [ - { - "datasource": { - "type": "prometheus", - "uid": "${DS_PROMETHEUS}" - }, - "editorMode": "code", - "exemplar": false, - "expr": "spegel_advertised_images{job=~\"spegel\",instance=~\"$instance\"}", - "format": "table", - "instant": true, - "legendFormat": "__auto", - "range": false, - "refId": "A" - }, - { - "datasource": { - "type": "prometheus", - "uid": "${DS_PROMETHEUS}" - }, - "editorMode": "code", - "exemplar": false, - "expr": "spegel_advertised_keys{job=~\"spegel\",instance=~\"$instance\"} ", - "format": "table", - "hide": false, - "instant": true, - "legendFormat": "__auto", - "range": false, - "refId": "B" - } - ], - "title": "", - "transformations": [ - { - "id": "filterFieldsByName", - "options": { - "include": { - "names": ["pod", "Value #A", "Value #B"] - } - } - }, - { - "id": "merge", - "options": {} - }, - { - "id": "renameByRegex", - "options": { - "regex": "Value #A", - "renamePattern": "Container cache" - } - }, - { - "id": "renameByRegex", - "options": { - "regex": "Value #B", - "renamePattern": "Layers cache" - } - } - ], - "transparent": true, - "type": "table" - }, - { - "datasource": { - "type": "prometheus", - "uid": "${DS_PROMETHEUS}" + "uid": "prometheus" }, "description": "", "fieldConfig": { @@ -577,7 +469,7 @@ "barAlignment": 0, "barWidthFactor": 0.6, "drawStyle": "line", - "fillOpacity": 10, + "fillOpacity": 1, "gradientMode": "opacity", "hideFrom": { "legend": false, @@ -595,7 +487,7 @@ "type": "linear" }, "showPoints": "auto", - "spanNulls": false, + "spanNulls": true, "stacking": { "group": "A", "mode": "none" @@ -605,6 +497,7 @@ } }, "mappings": [], + "min": 0, "thresholds": { "mode": "absolute", "steps": [ @@ -622,9 +515,9 @@ "overrides": [] }, "gridPos": { - "h": 7, + "h": 12, "w": 12, - "x": 12, + "x": 0, "y": 6 }, "id": 6, @@ -633,7 +526,7 @@ "calcs": [], "displayMode": "list", "placement": "bottom", - "showLegend": true + "showLegend": false }, "tooltip": { "mode": "single", @@ -658,9 +551,122 @@ } ], "title": "Container Images Advertised ", - "transparent": true, "type": "timeseries" }, + { + "datasource": { + "type": "prometheus", + "uid": "prometheus" + }, + "description": "", + "fieldConfig": { + "defaults": { + "color": { + "mode": "palette-classic" + }, + "custom": { + "axisBorderShow": false, + "axisCenteredZero": false, + "axisColorMode": "series", + "axisLabel": "", + "axisPlacement": "auto", + "barAlignment": 0, + "barWidthFactor": 0.6, + "drawStyle": "line", + "fillOpacity": 1, + "gradientMode": "opacity", + "hideFrom": { + "legend": false, + "tooltip": false, + "viz": false + }, + "insertNulls": false, + "lineInterpolation": "smooth", + "lineWidth": 2, + "pointSize": 1, + "scaleDistribution": { + "type": "linear" + }, + "showPoints": "auto", + "spanNulls": true, + "stacking": { + "group": "A", + "mode": "none" + }, + "thresholdsStyle": { + "mode": "off" + } + }, + "mappings": [], + "min": 0, + "thresholds": { + "mode": "absolute", + "steps": [ + { + "color": "green", + "value": null + }, + { + "color": "red", + "value": 80 + } + ] + } + }, + "overrides": [] + }, + "gridPos": { + "h": 12, + "w": 12, + "x": 12, + "y": 6 + }, + "id": 7, + "options": { + "legend": { + "calcs": [], + "displayMode": "list", + "placement": "bottom", + "showLegend": false + }, + "tooltip": { + "mode": "single", + "sort": "none" + } + }, + "pluginVersion": "11.4.0", + "targets": [ + { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "editorMode": "code", + "exemplar": false, + "expr": "spegel_advertised_keys{job=~\"spegel\",instance=~\"$instance\"} ", + "format": "time_series", + "instant": false, + "legendFormat": "{{ instance }}", + "range": true, + "refId": "A" + } + ], + "title": "Images Layer Advertised ", + "type": "timeseries" + }, + { + "collapsed": false, + "gridPos": { + "h": 1, + "w": 24, + "x": 0, + "y": 18 + }, + "id": 35, + "panels": [], + "title": "Kubelet", + "type": "row" + }, { "datasource": { "type": "prometheus", @@ -680,7 +686,7 @@ "barAlignment": 0, "barWidthFactor": 0.6, "drawStyle": "line", - "fillOpacity": 36, + "fillOpacity": 20, "gradientMode": "opacity", "hideFrom": { "legend": false, @@ -688,14 +694,14 @@ "viz": false }, "insertNulls": false, - "lineInterpolation": "linear", - "lineWidth": 1, + "lineInterpolation": "smooth", + "lineWidth": 2, "pointSize": 5, "scaleDistribution": { "type": "linear" }, "showPoints": "never", - "spanNulls": false, + "spanNulls": true, "stacking": { "group": "A", "mode": "normal" @@ -705,6 +711,7 @@ } }, "mappings": [], + "min": 0, "thresholds": { "mode": "absolute", "steps": [ @@ -783,10 +790,10 @@ ] }, "gridPos": { - "h": 7, - "w": 12, + "h": 6, + "w": 24, "x": 0, - "y": 13 + "y": 19 }, "id": 28, "interval": "1m", @@ -821,123 +828,8 @@ } ], "title": "CPU Usage", - "transparent": true, "type": "timeseries" }, - { - "datasource": { - "type": "prometheus", - "uid": "${DS_PROMETHEUS}" - }, - "description": "", - "fieldConfig": { - "defaults": { - "color": { - "mode": "palette-classic" - }, - "custom": { - "axisBorderShow": false, - "axisCenteredZero": false, - "axisColorMode": "series", - "axisLabel": "", - "axisPlacement": "auto", - "barAlignment": 0, - "barWidthFactor": 0.6, - "drawStyle": "line", - "fillOpacity": 10, - "gradientMode": "opacity", - "hideFrom": { - "legend": false, - "tooltip": false, - "viz": false - }, - "insertNulls": false, - "lineInterpolation": "smooth", - "lineWidth": 2, - "pointSize": 1, - "scaleDistribution": { - "type": "linear" - }, - "showPoints": "auto", - "spanNulls": false, - "stacking": { - "group": "A", - "mode": "none" - }, - "thresholdsStyle": { - "mode": "off" - } - }, - "mappings": [], - "thresholds": { - "mode": "absolute", - "steps": [ - { - "color": "green", - "value": null - }, - { - "color": "red", - "value": 80 - } - ] - } - }, - "overrides": [] - }, - "gridPos": { - "h": 7, - "w": 12, - "x": 12, - "y": 13 - }, - "id": 7, - "options": { - "legend": { - "calcs": [], - "displayMode": "list", - "placement": "bottom", - "showLegend": true - }, - "tooltip": { - "mode": "single", - "sort": "none" - } - }, - "pluginVersion": "11.4.0", - "targets": [ - { - "datasource": { - "type": "prometheus", - "uid": "${DS_PROMETHEUS}" - }, - "editorMode": "code", - "exemplar": false, - "expr": "spegel_advertised_keys{job=~\"spegel\",instance=~\"$instance\"} ", - "format": "time_series", - "instant": false, - "legendFormat": "{{ instance }}", - "range": true, - "refId": "A" - } - ], - "title": "Images Layer Advertised ", - "transparent": true, - "type": "timeseries" - }, - { - "collapsed": false, - "gridPos": { - "h": 1, - "w": 24, - "x": 0, - "y": 20 - }, - "id": 35, - "panels": [], - "title": "Kubelet", - "type": "row" - }, { "datasource": { "type": "prometheus", @@ -957,22 +849,22 @@ "barAlignment": 0, "barWidthFactor": 0.6, "drawStyle": "line", - "fillOpacity": 6, - "gradientMode": "none", + "fillOpacity": 20, + "gradientMode": "opacity", "hideFrom": { "legend": false, "tooltip": false, "viz": false }, "insertNulls": false, - "lineInterpolation": "linear", - "lineWidth": 1, + "lineInterpolation": "smooth", + "lineWidth": 2, "pointSize": 5, "scaleDistribution": { "type": "linear" }, "showPoints": "never", - "spanNulls": false, + "spanNulls": true, "stacking": { "group": "A", "mode": "none" @@ -982,6 +874,7 @@ } }, "mappings": [], + "min": 0, "thresholds": { "mode": "absolute", "steps": [ @@ -1003,13 +896,13 @@ "h": 10, "w": 12, "x": 0, - "y": 21 + "y": 25 }, "id": 31, "options": { "legend": { "calcs": [], - "displayMode": "table", + "displayMode": "list", "placement": "right", "showLegend": true }, @@ -1033,7 +926,6 @@ } ], "title": "Kubelet Operation Rate", - "transparent": true, "type": "timeseries" }, { @@ -1055,22 +947,22 @@ "barAlignment": 0, "barWidthFactor": 0.6, "drawStyle": "line", - "fillOpacity": 10, - "gradientMode": "none", + "fillOpacity": 20, + "gradientMode": "opacity", "hideFrom": { "legend": false, "tooltip": false, "viz": false }, "insertNulls": false, - "lineInterpolation": "linear", - "lineWidth": 1, + "lineInterpolation": "smooth", + "lineWidth": 2, "pointSize": 5, "scaleDistribution": { "type": "linear" }, "showPoints": "never", - "spanNulls": false, + "spanNulls": true, "stacking": { "group": "A", "mode": "none" @@ -1080,6 +972,7 @@ } }, "mappings": [], + "min": 0, "thresholds": { "mode": "absolute", "steps": [ @@ -1101,7 +994,7 @@ "h": 10, "w": 12, "x": 12, - "y": 21 + "y": 25 }, "id": 33, "options": { @@ -1132,7 +1025,6 @@ } ], "title": "Kubelet Operation Error Rate", - "transparent": true, "type": "timeseries" } ], @@ -1143,9 +1035,13 @@ "templating": { "list": [ { + "current": { + "text": "Prometheus", + "value": "prometheus" + }, "includeAll": false, "label": "Datasource", - "name": "DS_PROMETHEUS", + "name": "datasource", "options": [], "query": "prometheus", "refresh": 1, @@ -1217,6 +1113,5 @@ "timezone": "browser", "title": "Spegel", "uid": "d1e65790cee990e3c667e05acd8844fa", - "version": 2, "weekStart": "" }