增加指标展示教程

yunnysunny · Jun 26, 2024 · c58d59d · c58d59d
1 parent 7c6c2f9
commit c58d59d
Show file tree

Hide file tree

Showing 7 changed files with 126 additions and 0 deletions.
diff --git a/text/14_node_log_and_monitor.md b/text/14_node_log_and_monitor.md
@@ -145,6 +145,101 @@ exports.collectDuration = function (duration) {
 
 **代码 14.2.2.4 对于仪表盘、直方图、摘要的示例代码**
 
+### 14.3 指标可视化
+指标写入 Prometheus 后，我们还需要使用 grafana 将其做可视化。Prometheus 主动来应用服务中抓取指标数据， grafana 也会定时从 Prometheus 中抓取指标数据来绘制报表。
+
+![](images/data_flow_prometheus.drawio.png)
+**图 14.3.1 指标采集数据流图**
+**代码 14.2.2.1** 是一个简单的指标收集代码，但是它没有考虑到生产环境使用时会部署若干个容器节点，为了更便捷观测某一个服务的运行状态，我们更倾向通过集群名称或者部署服务名称来对节点进行筛选。为了这么做，我们首先改造一下 **代码 14.2.2.1** ，因为我们要引入一个 `lable` 的概念。 为了方便数据做聚类统计，Prometheus 支持对每条采集数据中添加如果标签（`label`）。我们这里正是利用这个特性，对我们的数据添加上服务名称和命名空间（这里模拟 k8s 的命名空间概念）标签：
+
+```javascript
+const client = require('prom-client');
+const { commonLabels } = require('./config');  
+
+const collectDefaultMetrics = client.collectDefaultMetrics;
+collectDefaultMetrics({
+    labels: commonLabels,
+});
+```
+**代码14.3.1 添加了 lables 属性的采集数据**
+为了快速搭建一个 Prometheus 的数据采集环境，这里准备了一份 docker-compose 文件
+```yaml
+version: "3"
+services:
+  alertmanager:
+    restart: always
+    image: prom/alertmanager
+    network_mode: host
+    volumes:
+      - ./alertmanager:/etc/alertmanager
+  prometheus:
+    restart: always
+    user: root
+    privileged: true
+    image: bitnami/prometheus
+    container_name: prometheus-dev
+    network_mode: host
+    volumes:
+      - ./prometheus:/opt/bitnami/prometheus/conf
+    depends_on:
+      - alertmanager
+  grafna:
+    restart: always
+    image: grafana/grafana
+    user: root
+    volumes:
+      - ./grafana-persistence:/var/lib/grafana
+    network_mode: host
+    environment:
+       GF_SECURITY_ADMIN_PASSWORD: "secret"
+    depends_on:
+      - prometheus
+```
+**代码 14.3.2 docker-compose.yml**
+上面配置文件中，我们设置了一个卷映射 `./prometheus:/opt/bitnami/prometheus/conf` ，这是为了方便我们修改配置文件用，因为镜像 `bitnami/prometheus` 默认将配置文件放置到了 `/opt/bitnami/prometheus/conf` 目录下，我们在本机 `prometheus` 文件夹下放一个 `prometheus.yml` 文件即可被 Prometheus 读取到，这个配置文件的内容如下：
+```yaml
+# my global config
+global:
+  scrape_interval:     15s # Set the scrape interval to every 15 seconds. Default is every 1 minute.
+  evaluation_interval: 15s # Evaluate rules every 15 seconds. The default is every 1 minute.
+  # scrape_timeout is set to the global default (10s).
+# Alertmanager configuration
+alerting:
+  alertmanagers:
+  - static_configs:
+    - targets:
+      - alertmanager:9094
+# A scrape configuration containing exactly one endpoint to scrape:
+# Here it's Prometheus itself.
+scrape_configs:
+  # The job name is added as a label `job=<job_name>` to any timeseries scraped from this config.
+  - job_name: 'prometheus'
+
+    # metrics_path defaults to '/metrics'
+    # scheme defaults to 'http'.
+
+    static_configs:
+    - targets: ['localhost:9090']
+  - job_name: 'nodejs'
+
+    # metrics_path defaults to '/metrics'
+    # scheme defaults to 'http'.
+
+    static_configs:
+    - targets: ['你node进程所在的ip:3001']
+```
+**代码 14.3.3 prometheus/prometheus.yml**
+>注意最后一行，你需要正确填写你的 node 进程所在的 IP，在某些环境下，这个 IP 可以用 `host.docker.internal` 替代。
+
+在 docker-compose.yml 所在目录中，通过命令 `docker compose up -d` 可以快速启动一个运行环境。在浏览器中打开地址 http://localhost:9090/targets 可以用来查看 Prometheus 抓取数据成功与否。 
+
+![](images/prometheus_targets.png)
+**图 14.3.2 Prometheus 的 targets 列表**
+正常情况下，每行 targets 记录的 Error 列应该是空的。
+接着打开 http://localhost:3000/login ，输入用户名密码 `admin` `secret` 即可进入。然后依次选择左侧菜单 **Connection** -> **Data Source** ，然后点击按钮 **Add Data Source**，接着会提供一系列的数据源供给选择，我们选择 Promethues 即可。最后是 Prometheus 的连接配置，我们在 `Prometheus server URL` 栏填入 `http://localhost:9090` ，然后点击 **Save & test** 按钮，正常情况下会提示 `✔ Successfully queried the Prometheus API.` 。
+然后我们来添加一个面板将指标数据呈现出来，重新回到左侧菜单，选择 Dashboards ，然后点击按钮 Create Dashboard ，显示的操作方式中选择 Import a dashboard：
+![](images/import-dashboard.png)
+**图 14.3.3 选择导入面板**
 ### 示例代码
 
 本章节示例代码可以从这里找到 https://github.com/yunnysunny/nodebook-sample/tree/master/chapter14
diff --git a/text/images/.gitkeep b/text/images/.gitkeep
diff --git a/text/images/data_flow_prometheus.drawio b/text/images/data_flow_prometheus.drawio
@@ -0,0 +1,31 @@
+<mxfile host="Electron" modified="2024-06-26T10:04:55.119Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/24.6.1 Chrome/124.0.6367.207 Electron/30.0.6 Safari/537.36" etag="UXRsWgK3f3OsIwG5iyy1" version="24.6.1" type="device">
+  <diagram name="第 1 页" id="TToJXSSIWvL70sFpgB0a">
+    <mxGraphModel dx="794" dy="529" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+        <mxCell id="v9SWtdY2XGscVYblE9iN-1" value="node 容器" style="outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.android;fillColor=#8CC64F;gradientColor=none;" parent="1" vertex="1">
+          <mxGeometry x="44" y="36" width="73.5" height="84" as="geometry" />
+        </mxCell>
+        <mxCell id="v9SWtdY2XGscVYblE9iN-2" value="" style="shape=image;aspect=fixed;image=data:image/svg+xml,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNDIuNSAxNDUuNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQyLjUgMTQ1LjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM1NjU2NTY7fQ0KCS5zdDF7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI4LjcsMTMxLjVjLTAuMyw3LjktNi42LDE0LjEtMTQuNCwxNC4xQzYuMSwxNDUuNiwwLDEzOSwwLDEzMC45czYuNi0xNC43LDE0LjctMTQuN2MzLjYsMCw3LjIsMS42LDEwLjIsNC40DQoJCWwtMi4zLDIuOWMtMi4zLTItNS4xLTMuNC03LjktMy40Yy01LjksMC0xMC44LDQuOC0xMC44LDEwLjhjMCw2LjEsNC42LDEwLjgsMTAuNCwxMC44YzUuMiwwLDkuMy0zLjgsMTAuMi04LjhIMTIuNnYtMy41aDE2LjENCgkJVjEzMS41eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00Mi4zLDEyOS41aC0yLjJjLTIuNCwwLTQuNCwyLTQuNCw0LjR2MTEuNGgtMy45di0xOS42SDM1djEuNmMxLjEtMS4xLDIuNy0xLjYsNC42LTEuNmg0LjJMNDIuMywxMjkuNXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjMuNywxNDUuM2gtMy40di0yLjVjLTIuNiwyLjUtNi42LDMuNy0xMC43LDEuOWMtMy0xLjMtNS4zLTQuMS01LjktNy40Yy0xLjItNi4zLDMuNy0xMS45LDkuOS0xMS45DQoJCWMyLjYsMCw1LDEuMSw2LjcsMi44di0yLjVoMy40VjE0NS4zeiBNNTkuNywxMzdjMC45LTQtMi4xLTcuNi02LTcuNmMtMy40LDAtNi4xLDIuOC02LjEsNi4xYzAsMy44LDMuMyw2LjcsNy4yLDYuMQ0KCQlDNTcuMSwxNDEuMiw1OS4xLDEzOS4zLDU5LjcsMTM3eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03MS41LDEyNC43djEuMWg2LjJ2My40aC02LjJ2MTYuMWgtMy44di0yMC41YzAtNC4zLDMuMS02LjgsNy02LjhoNC43bC0xLjYsMy43aC0zLjENCgkJQzcyLjksMTIxLjYsNzEuNSwxMjMsNzEuNSwxMjQuN3oiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTguNSwxNDUuM2gtMy4zdi0yLjVjLTIuNiwyLjUtNi42LDMuNy0xMC43LDEuOWMtMy0xLjMtNS4zLTQuMS01LjktNy40Yy0xLjItNi4zLDMuNy0xMS45LDkuOS0xMS45DQoJCWMyLjYsMCw1LDEuMSw2LjcsMi44di0yLjVoMy40djE5LjZIOTguNXogTTk0LjUsMTM3YzAuOS00LTIuMS03LjYtNi03LjZjLTMuNCwwLTYuMSwyLjgtNi4xLDYuMWMwLDMuOCwzLjMsNi43LDcuMiw2LjENCgkJQzkyLDE0MS4yLDkzLjksMTM5LjMsOTQuNSwxMzd6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExOS40LDEzMy44djExLjVoLTMuOXYtMTEuNmMwLTIuNC0yLTQuNC00LjQtNC40Yy0yLjUsMC00LjQsMi00LjQsNC40djExLjZoLTMuOXYtMTkuNmgzLjJ2MS43DQoJCWMxLjQtMS4zLDMuMy0yLDUuMi0yQzExNS44LDEyNS41LDExOS40LDEyOS4yLDExOS40LDEzMy44eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNDIuNCwxNDUuM2gtMy4zdi0yLjVjLTIuNiwyLjUtNi42LDMuNy0xMC43LDEuOWMtMy0xLjMtNS4zLTQuMS01LjktNy40Yy0xLjItNi4zLDMuNy0xMS45LDkuOS0xMS45DQoJCWMyLjYsMCw1LDEuMSw2LjcsMi44di0yLjVoMy40djE5LjZIMTQyLjR6IE0xMzguNCwxMzdjMC45LTQtMi4xLTcuNi02LTcuNmMtMy40LDAtNi4xLDIuOC02LjEsNi4xYzAsMy44LDMuMyw2LjcsNy4yLDYuMQ0KCQlDMTM1LjksMTQxLjIsMTM3LjgsMTM5LjMsMTM4LjQsMTM3eiIvPg0KPC9nPg0KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI3MS4yNSIgeTE9IjEwLjQ4OTMiIHgyPSI3MS4yNSIgeTI9IjExMy4zNDE1IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTQ4LjYpIj4NCgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkNFRTFGIi8+DQoJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0YxNUIyQSIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMjIuOSw0OS45Yy0wLjItMS45LTAuNS00LjEtMS4xLTYuNWMtMC42LTIuNC0xLjYtNS0yLjktNy44Yy0xLjQtMi43LTMuMS01LjYtNS40LTguMw0KCWMtMC45LTEuMS0xLjktMi4xLTIuOS0zLjJjMS42LTYuMy0xLjktMTEuOC0xLjktMTEuOGMtNi4xLTAuNC05LjksMS45LTExLjMsMi45Yy0wLjItMC4xLTAuNS0wLjItMC43LTAuM2MtMS0wLjQtMi4xLTAuOC0zLjItMS4yDQoJYy0xLjEtMC4zLTIuMi0wLjctMy4zLTAuOWMtMS4xLTAuMy0yLjMtMC41LTMuNS0wLjdjLTAuMiwwLTAuNC0wLjEtMC42LTAuMUM4My41LDMuNiw3NS45LDAsNzUuOSwwYy04LjcsNS42LTEwLjQsMTMuMS0xMC40LDEzLjENCglzMCwwLjItMC4xLDAuNGMtMC41LDAuMS0wLjksMC4zLTEuNCwwLjRjLTAuNiwwLjItMS4zLDAuNC0xLjksMC43Yy0wLjYsMC4zLTEuMywwLjUtMS45LDAuOGMtMS4zLDAuNi0yLjUsMS4yLTMuOCwxLjkNCgljLTEuMiwwLjctMi40LDEuNC0zLjUsMi4yYy0wLjItMC4xLTAuMy0wLjItMC4zLTAuMmMtMTEuNy00LjUtMjIuMSwwLjktMjIuMSwwLjljLTAuOSwxMi41LDQuNywyMC4zLDUuOCwyMS43DQoJYy0wLjMsMC44LTAuNSwxLjUtMC44LDIuM2MtMC45LDIuOC0xLjUsNS43LTEuOSw4LjdjLTAuMSwwLjQtMC4xLDAuOS0wLjIsMS4zYy0xMC44LDUuMy0xNCwxNi4zLTE0LDE2LjNjOSwxMC40LDE5LjYsMTEsMTkuNiwxMQ0KCWwwLDBjMS4zLDIuNCwyLjksNC43LDQuNiw2LjhjMC43LDAuOSwxLjUsMS43LDIuMywyLjZjLTMuMyw5LjQsMC41LDE3LjMsMC41LDE3LjNjMTAuMSwwLjQsMTYuNy00LjQsMTguMS01LjVjMSwwLjMsMiwwLjYsMywwLjkNCgljMy4xLDAuOCw2LjMsMS4zLDkuNCwxLjRjMC44LDAsMS42LDAsMi40LDBoMC40SDgwaDAuNUg4MWwwLDBjNC43LDYuOCwxMy4xLDcuNywxMy4xLDcuN2M1LjktNi4zLDYuMy0xMi40LDYuMy0xMy44bDAsMA0KCWMwLDAsMCwwLDAtMC4xczAtMC4yLDAtMC4ybDAsMGMwLTAuMSwwLTAuMiwwLTAuM2MxLjItMC45LDIuNC0xLjgsMy42LTIuOGMyLjQtMi4xLDQuNC00LjYsNi4yLTcuMmMwLjItMC4yLDAuMy0wLjUsMC41LTAuNw0KCWM2LjcsMC40LDExLjQtNC4yLDExLjQtNC4yYy0xLjEtNy01LjEtMTAuNC01LjktMTFsMCwwYzAsMCwwLDAtMC4xLTAuMWwtMC4xLTAuMWwwLDBsLTAuMS0wLjFjMC0wLjQsMC4xLTAuOCwwLjEtMS4zDQoJYzAuMS0wLjgsMC4xLTEuNSwwLjEtMi4zdi0wLjZ2LTAuM3YtMC4xYzAtMC4yLDAtMC4xLDAtMC4ydi0wLjV2LTAuNmMwLTAuMiwwLTAuNCwwLTAuNnMwLTAuNC0wLjEtMC42bC0wLjEtMC42bC0wLjEtMC42DQoJYy0wLjEtMC44LTAuMy0xLjUtMC40LTIuM2MtMC43LTMtMS45LTUuOS0zLjQtOC40Yy0xLjYtMi42LTMuNS00LjgtNS43LTYuOGMtMi4yLTEuOS00LjYtMy41LTcuMi00LjZjLTIuNi0xLjItNS4yLTEuOS03LjktMi4yDQoJYy0xLjMtMC4yLTIuNy0wLjItNC0wLjJoLTAuNWgtMC4xaC0wLjJoLTAuMmgtMC41Yy0wLjIsMC0wLjQsMC0wLjUsMGMtMC43LDAuMS0xLjQsMC4yLTIsMC4zYy0yLjcsMC41LTUuMiwxLjUtNy40LDIuOA0KCWMtMi4yLDEuMy00LjEsMy01LjcsNC45cy0yLjgsMy45LTMuNiw2LjFjLTAuOCwyLjEtMS4zLDQuNC0xLjQsNi41YzAsMC41LDAsMS4xLDAsMS42YzAsMC4xLDAsMC4zLDAsMC40djAuNGMwLDAuMywwLDAuNSwwLjEsMC44DQoJYzAuMSwxLjEsMC4zLDIuMSwwLjYsMy4xYzAuNiwyLDEuNSwzLjgsMi43LDUuNHMyLjUsMi44LDQsMy44czMsMS43LDQuNiwyLjJjMS42LDAuNSwzLjEsMC43LDQuNSwwLjZjMC4yLDAsMC40LDAsMC41LDANCgljMC4xLDAsMC4yLDAsMC4zLDBzMC4yLDAsMC4zLDBjMC4yLDAsMC4zLDAsMC41LDBoMC4xaDAuMWMwLjEsMCwwLjIsMCwwLjMsMGMwLjIsMCwwLjQtMC4xLDAuNS0wLjFjMC4yLDAsMC4zLTAuMSwwLjUtMC4xDQoJYzAuMy0wLjEsMC43LTAuMiwxLTAuM2MwLjYtMC4yLDEuMi0wLjUsMS44LTAuN2MwLjYtMC4zLDEuMS0wLjYsMS41LTAuOWMwLjEtMC4xLDAuMy0wLjIsMC40LTAuM2MwLjUtMC40LDAuNi0xLjEsMC4yLTEuNg0KCWMtMC40LTAuNC0xLTAuNS0xLjUtMC4zQzg4LDc0LDg3LjksNzQsODcuNyw3NC4xYy0wLjQsMC4yLTAuOSwwLjQtMS4zLDAuNWMtMC41LDAuMS0xLDAuMy0xLjUsMC40Yy0wLjMsMC0wLjUsMC4xLTAuOCwwLjENCgljLTAuMSwwLTAuMywwLTAuNCwwYy0wLjEsMC0wLjMsMC0wLjQsMHMtMC4zLDAtMC40LDBjLTAuMiwwLTAuMywwLTAuNSwwYzAsMC0wLjEsMCwwLDBoLTAuMWgtMC4xYy0wLjEsMC0wLjEsMC0wLjIsMA0KCXMtMC4zLDAtMC40LTAuMWMtMS4xLTAuMi0yLjMtMC41LTMuNC0xYy0xLjEtMC41LTIuMi0xLjItMy4xLTIuMWMtMS0wLjktMS44LTEuOS0yLjUtMy4xYy0wLjctMS4yLTEuMS0yLjUtMS4zLTMuOA0KCWMtMC4xLTAuNy0wLjItMS40LTAuMS0yLjFjMC0wLjIsMC0wLjQsMC0wLjZjMCwwLjEsMCwwLDAsMHYtMC4xdi0wLjFjMC0wLjEsMC0wLjIsMC0wLjNjMC0wLjQsMC4xLTAuNywwLjItMS4xYzAuNS0zLDItNS45LDQuMy04LjENCgljMC42LTAuNiwxLjItMS4xLDEuOS0xLjVjMC43LTAuNSwxLjQtMC45LDIuMS0xLjJjMC43LTAuMywxLjUtMC42LDIuMy0wLjhzMS42LTAuNCwyLjQtMC40YzAuNCwwLDAuOC0wLjEsMS4yLTAuMQ0KCWMwLjEsMCwwLjIsMCwwLjMsMGgwLjNoMC4yYzAuMSwwLDAsMCwwLDBoMC4xaDAuM2MwLjksMC4xLDEuOCwwLjIsMi42LDAuNGMxLjcsMC40LDMuNCwxLDUsMS45YzMuMiwxLjgsNS45LDQuNSw3LjUsNy44DQoJYzAuOCwxLjYsMS40LDMuNCwxLjcsNS4zYzAuMSwwLjUsMC4xLDAuOSwwLjIsMS40djAuM1Y2NmMwLDAuMSwwLDAuMiwwLDAuM2MwLDAuMSwwLDAuMiwwLDAuM3YwLjN2MC4zYzAsMC4yLDAsMC42LDAsMC44DQoJYzAsMC41LTAuMSwxLTAuMSwxLjVjLTAuMSwwLjUtMC4xLDEtMC4yLDEuNXMtMC4yLDEtMC4zLDEuNWMtMC4yLDEtMC42LDEuOS0wLjksMi45Yy0wLjcsMS45LTEuNywzLjctMi45LDUuMw0KCWMtMi40LDMuMy01LjcsNi05LjQsNy43Yy0xLjksMC44LTMuOCwxLjUtNS44LDEuOGMtMSwwLjItMiwwLjMtMywwLjNIODFoLTAuMmgtMC4zSDgwaC0wLjNjMC4xLDAsMCwwLDAsMGgtMC4xDQoJYy0wLjUsMC0xLjEsMC0xLjYtMC4xYy0yLjItMC4yLTQuMy0wLjYtNi40LTEuMmMtMi4xLTAuNi00LjEtMS40LTYtMi40Yy0zLjgtMi03LjItNC45LTkuOS04LjJjLTEuMy0xLjctMi41LTMuNS0zLjUtNS40DQoJcy0xLjctMy45LTIuMy01LjljLTAuNi0yLTAuOS00LjEtMS02LjJ2LTAuNHYtMC4xdi0wLjF2LTAuMlY2MHYtMC4xdi0wLjF2LTAuMnYtMC41VjU5bDAsMHYtMC4yYzAtMC4zLDAtMC41LDAtMC44DQoJYzAtMSwwLjEtMi4xLDAuMy0zLjJjMC4xLTEuMSwwLjMtMi4xLDAuNS0zLjJjMC4yLTEuMSwwLjUtMi4xLDAuOC0zLjJjMC42LTIuMSwxLjMtNC4xLDIuMi02YzEuOC0zLjgsNC4xLTcuMiw2LjgtOS45DQoJYzAuNy0wLjcsMS40LTEuMywyLjItMS45YzAuMy0wLjMsMS0wLjksMS44LTEuNGMwLjgtMC41LDEuNi0xLDIuNS0xLjRjMC40LTAuMiwwLjgtMC40LDEuMy0wLjZjMC4yLTAuMSwwLjQtMC4yLDAuNy0wLjMNCgljMC4yLTAuMSwwLjQtMC4yLDAuNy0wLjNjMC45LTAuNCwxLjgtMC43LDIuNy0xYzAuMi0wLjEsMC41LTAuMSwwLjctMC4yYzAuMi0wLjEsMC41LTAuMSwwLjctMC4yYzAuNS0wLjEsMC45LTAuMiwxLjQtMC40DQoJYzAuMi0wLjEsMC41LTAuMSwwLjctMC4yYzAuMiwwLDAuNS0wLjEsMC43LTAuMWMwLjIsMCwwLjUtMC4xLDAuNy0wLjFsMC40LTAuMWwwLjQtMC4xYzAuMiwwLDAuNS0wLjEsMC43LTAuMQ0KCWMwLjMsMCwwLjUtMC4xLDAuOC0wLjFjMC4yLDAsMC42LTAuMSwwLjgtMC4xYzAuMiwwLDAuMywwLDAuNS0wLjFoMC4zaDAuMmgwLjJjMC4zLDAsMC41LDAsMC44LTAuMWgwLjRjMCwwLDAuMSwwLDAsMGgwLjFoMC4yDQoJYzAuMiwwLDAuNSwwLDAuNywwYzAuOSwwLDEuOCwwLDIuNywwYzEuOCwwLjEsMy42LDAuMyw1LjMsMC42YzMuNCwwLjYsNi43LDEuNyw5LjYsMy4yYzIuOSwxLjQsNS42LDMuMiw3LjgsNS4xDQoJYzAuMSwwLjEsMC4zLDAuMiwwLjQsMC40YzAuMSwwLjEsMC4zLDAuMiwwLjQsMC40YzAuMywwLjIsMC41LDAuNSwwLjgsMC43YzAuMywwLjIsMC41LDAuNSwwLjgsMC43YzAuMiwwLjMsMC41LDAuNSwwLjcsMC44DQoJYzEsMSwxLjksMi4xLDIuNywzLjFjMS42LDIuMSwyLjksNC4yLDMuOSw2LjJjMC4xLDAuMSwwLjEsMC4yLDAuMiwwLjRjMC4xLDAuMSwwLjEsMC4yLDAuMiwwLjRzMC4yLDAuNSwwLjQsMC43DQoJYzAuMSwwLjIsMC4yLDAuNSwwLjMsMC43YzAuMSwwLjIsMC4yLDAuNSwwLjMsMC43YzAuNCwwLjksMC43LDEuOCwxLDIuN2MwLjUsMS40LDAuOCwyLjYsMS4xLDMuNmMwLjEsMC40LDAuNSwwLjcsMC45LDAuNw0KCWMwLjUsMCwwLjgtMC40LDAuOC0wLjlDMTIzLDUyLjcsMTIzLDUxLjQsMTIyLjksNDkuOXoiLz4NCjwvc3ZnPg0K;" parent="1" vertex="1">
+          <mxGeometry x="368" y="32.25" width="86.73" height="88.5" as="geometry" />
+        </mxCell>
+        <mxCell id="v9SWtdY2XGscVYblE9iN-3" value="" style="shape=image;aspect=fixed;image=data:image/svg+xml,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KCjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0iTGF5ZXJfMSIKICAgeD0iMHB4IgogICB5PSIwcHgiCiAgIHdpZHRoPSIxMTUuMzMzcHgiCiAgIGhlaWdodD0iMTE0cHgiCiAgIHZpZXdCb3g9IjAgMCAxMTUuMzMzIDExNCIKICAgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1LjMzMyAxMTQiCiAgIHhtbDpzcGFjZT0icHJlc2VydmUiCiAgIHNvZGlwb2RpOmRvY25hbWU9InByb21ldGhldXNfbG9nb19vcmFuZ2Uuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjEgcjE1MzcxIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE0NDk1Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjxkYzp0aXRsZT48L2RjOnRpdGxlPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNDQ5MyIgLz48c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE0ODQiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iODg2IgogICAgIGlkPSJuYW1lZHZpZXc0NDkxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSI1LjI3ODQ5MDEiCiAgICAgaW5rc2NhcGU6Y3g9IjYwLjYwMzY2NyIKICAgICBpbmtzY2FwZTpjeT0iNjAuMzI5NjU2IgogICAgIGlua3NjYXBlOndpbmRvdy14PSI1NCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iNyIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9IkxheWVyXzEiIC8+PGcKICAgICBpZD0iTGF5ZXJfMiIgLz48cGF0aAogICAgIHN0eWxlPSJmaWxsOiNlNjUyMmM7ZmlsbC1vcGFjaXR5OjEiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICBpZD0icGF0aDQ0ODYiCiAgICAgZD0iTSA1Ni42NjcsMC42NjcgQyAyNS4zNzIsMC42NjcgMCwyNi4wMzYgMCw1Ny4zMzIgYyAwLDMxLjI5NSAyNS4zNzIsNTYuNjY2IDU2LjY2Nyw1Ni42NjYgMzEuMjk1LDAgNTYuNjY2LC0yNS4zNzEgNTYuNjY2LC01Ni42NjYgMCwtMzEuMjk2IC0yNS4zNzIsLTU2LjY2NSAtNTYuNjY2LC01Ni42NjUgeiBtIDAsMTA2LjA1NSBjIC04LjkwNCwwIC0xNi4xMjMsLTUuOTQ4IC0xNi4xMjMsLTEzLjI4MyBIIDcyLjc5IGMgMCw3LjMzNCAtNy4yMTksMTMuMjgzIC0xNi4xMjMsMTMuMjgzIHogTSA4My4yOTcsODkuMDQgSCAzMC4wMzQgViA3OS4zODIgSCA4My4yOTggViA4OS4wNCBaIE0gODMuMTA2LDc0LjQxMSBIIDMwLjE4NiBDIDMwLjAxLDc0LjIwOCAyOS44Myw3NC4wMDggMjkuNjYsNzMuODAyIDI0LjIwOCw2Ny4xODIgMjIuOTI0LDYzLjcyNiAyMS42NzcsNjAuMjA0IGMgLTAuMDIxLC0wLjExNiA2LjYxMSwxLjM1NSAxMS4zMTQsMi40MTMgMCwwIDIuNDIsMC41NiA1Ljk1OCwxLjIwNSAtMy4zOTcsLTMuOTgyIC01LjQxNCwtOS4wNDQgLTUuNDE0LC0xNC4yMTggMCwtMTEuMzU5IDguNzEyLC0yMS4yODUgNS41NjksLTI5LjMwOCAzLjA1OSwwLjI0OSA2LjMzMSw2LjQ1NiA2LjU1MiwxNi4xNjEgMy4yNTIsLTQuNDk0IDQuNjEzLC0xMi43MDEgNC42MTMsLTE3LjczMyAwLC01LjIxIDMuNDMzLC0xMS4yNjIgNi44NjcsLTExLjQ2OSAtMy4wNjEsNS4wNDUgMC43OTMsOS4zNyA0LjIxOSwyMC4wOTkgMS4yODUsNC4wMyAxLjEyMSwxMC44MTIgMi4xMTMsMTUuMTEzIEMgNjMuNzk3LDMzLjUzNCA2NS4zMzMsMjAuNSA3MSwxNiBjIC0yLjUsNS42NjcgMC4zNywxMi43NTggMi4zMzMsMTYuMTY3IDMuMTY3LDUuNSA1LjA4Nyw5LjY2NyA1LjA4NywxNy41NDggMCw1LjI4NCAtMS45NTEsMTAuMjU5IC01LjI0MiwxNC4xNDggMy43NDIsLTAuNzAyIDYuMzI2LC0xLjMzNSA2LjMyNiwtMS4zMzUgbCAxMi4xNTIsLTIuMzcxIGMgMTBlLTQsLTEwZS00IC0xLjc2NSw3LjI2MSAtOC41NSwxNC4yNTQgeiIgLz48L3N2Zz4K;" parent="1" vertex="1">
+          <mxGeometry x="211" y="39" width="75.66" height="75" as="geometry" />
+        </mxCell>
+        <mxCell id="dGs3JxAs9xNB9V_4-hfF-1" value="" style="shape=singleArrow;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="134" y="46.5" width="60" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="dGs3JxAs9xNB9V_4-hfF-2" value="" style="shape=singleArrow;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="300" y="44.5" width="60" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="dGs3JxAs9xNB9V_4-hfF-3" value="Prometheus" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
+          <mxGeometry x="219" y="117" width="60" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="dGs3JxAs9xNB9V_4-hfF-4" value="Grafana" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
+          <mxGeometry x="385" y="119" width="60" height="30" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>
diff --git a/text/images/data_flow_prometheus.drawio.png b/text/images/data_flow_prometheus.drawio.png
diff --git a/text/images/import-dashboard.png b/text/images/import-dashboard.png
diff --git a/text/images/prometheus_express.png b/text/images/prometheus_express.png
diff --git a/text/images/prometheus_targets.png b/text/images/prometheus_targets.png