SpeeDBee Synapseの取得データをGrafanaで可視化してみた！

概要
・Raspberry Pi Model 4（bookworm）で稼働している、SpeeDBee Synapseで取得したデータをGrafanaで可視化してみます。[SynapseとGrafanaはインストール](https://qiita.com/ss-hk/items/21504f29910c58cdafbd)済です。以降の記載は、SynapseをEdit Modeで実行しての説明になります。

１）Synapseにはリソースコレクタで、定期的（1秒間隔）にRaspberry Piの負荷情報を取得しています。
・Synapseでの設定情報は、以下のようになります。

![リソースコレクタ.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3923315/a4cc0fff-794b-a956-cb01-774fc787c993.jpeg)

・リソースコレクタを起動し、データモニターで最新値を確認します。

![データモニタ.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3923315/c699c57e-31d1-8c88-e9f2-32560a91f4fe.jpeg)

２）SynapseのGrafana連携をセットアップします。
・設定メニューからGrafanaセットアップを選択します。

![設定メニュー.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3923315/f3cc36ce-72e7-e1f5-0c2c-0676973cba3d.jpeg)

・自動セットアップをクリックします。

![Grafanaセットアップ.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3923315/9b951cd6-09ff-89db-e768-7789090dc2ed.jpeg)

・ユーザー名/パスワードに、Grafanaの初期Username/Passwordである、<font volor="red">admin/admin</font>を入力し、「セットアップ」ボタンをクリックします。

![セットアップ.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3923315/5e469678-7ead-cc24-bff8-1ece8c3a12eb.jpeg)

・確認ダイアログが表示されますので、「はい」をクリックします。

![grafana-確認.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3923315/aa1dde66-2aeb-e70c-220c-2869f2189d22.jpeg)

３）リソースコレクタのグラフ種別を設定します。
・コンポーネントに「リソースコレクタ」を選択し、グラフ種類に「現在値」を選択し、「グラフ種類一括適用」ボタンをクリックした後、右上の「保存」ボタンをクリックします。

![グラフ選択.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3923315/78c825c3-629e-04e9-0a44-8efa2f765069.jpeg)

・アクセストークンのダイアログが表示されるので、トークン名と有効期間、単位（ここでは1年間としました。）を指定し、「更新」ボタンをクリックします。

![token.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3923315/6da6f2f2-287d-b83b-18d6-374ae4798b2b.jpeg)

・確認ダイアログが表示されますので、「はい」をクリックします。

![token-確認.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3923315/a6c7c88c-bad0-a5d3-c16a-e94b21822b21.jpeg)

４）DBクエリサービスの起動を確認します。
・SynapseとGrafanaを連携させるには、SynapseのDBクエリサービスを利用するので、システムパネルにある、DBクエリサービスが起動しているか確認します。

![DBクエリ.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3923315/ec62496b-6bed-e305-e27d-0f82bca4a5fc.jpeg)

５）Grafanaを開きます。
・Synapseの右上にある、グラフアイコンをクリックし、Grafanaを開きます。

![grafanaアイコン.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3923315/552b320b-915c-df59-c74a-3331ddf7e2b3.jpeg)

・ログイン画面が表示されますので、Grafanaの初期値である<font color="red">admin/admin</font>を入力し「Log in」ボタンをクリックします。

![grafana-login.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3923315/cdb98939-62ae-6939-770c-007684972fa5.jpeg)

・パスワード更新画面が表示されますので、最下部の「Skip」ボタンをクリックします。

![grafana-skip.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3923315/a2da8e9e-fa26-0184-a3a7-2d7d145e33c7.jpeg)

・Homeメニューから「Dashboards」を選択します。

![grafana-dashboard.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3923315/61e7305b-9307-d243-7017-9a45d69bc2ba.jpeg)

・一覧にある「SpeeDBee Synapse」をクリックします。

![grafana-dash-synapse.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3923315/4fb72b69-4dfd-0b85-9317-bbc0fdd13f83.jpeg)

・「リソースコレクタ」をクリックします。

![grafana-dash-リソース.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3923315/b9ede8b5-f83b-f457-590c-7257e93061e8.jpeg)

・Synapseで取得している、リソースコレクタの値がGrafanaにより可視化されます。

![grafana-リソースコレクタ.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3923315/fd44bbc6-2d8f-5e8a-8fce-1858a8f1eb75.jpeg)

▶以上で、Synapseの取得データをGrafanaで可視化できました。