Zenn
📈

SORACOM Lagoonのデータを平滑化する

2023/04/04に公開
SORACOM
tech

やりたいこと

SORACOM Harvest DataのデータをSORACOM Lagoonで可視化する時
こういうジャミジャミのデータを

移動平均で平滑化する

ただしデータソースはいじりたくないのでLagoonの機能だけで実現する

準備（前提）

  1. SORACOM Harvest Dataにデータを貯める
    https://users.soracom.io/ja-jp/docs/harvest/send-data/
    ※まだデータがない場合はデモデータが使えるので必須ではない

  2. SORACOM Lagoon "v2" の利用を開始する
    https://users.soracom.io/ja-jp/docs/lagoon-v2/getting-started/
    ※FreeプランでもOKです

手順

  1. パネルを追加

  2. Add an empty panel(左上）を選択

  3. PanelタブのVisualizationはGraph（デフォルト）

  4. Queryタブで平滑化したい（ジャミジャミの）データを選択

    Demoのtemperatureは程よくジャミっていて、こんな感じになります。

  5. Expressionを追加します

    ※Warningの通り "Experimental feature: queries could stop working in next version"です。

  6. Operation でResampleを追加します。

  7. inputに "A"(先ほど追加したジャミジャミのデータ)を選択

  8. 平滑化のパラメータを選択します
    　Resample to:　今回は移動平均の平均時間を設定します。
    　　ex.) 3m(3分の移動平均), 10m（10分の移動平均）
    　Downsample：　今回は移動平均をしたいので "Mean" を設定します。
    　Upsample：切れ目なく描画できるので、"backfilling"を設定します。（移動平均時間ぶんのデータが足りない分の端っこをどう処理するか）

設定例

編集したら目のボタンを2回クリックすると変更が反映される

こうなります。

仕上げ（蛇足）

  1. グラフの系列名がBになっちゃっているので上書きする
    鉛筆ボタンをクリックして

    直接編集（"smoothed"にする）

    編集したら目のボタンを2回クリックすると変更が反映される

  2. 平滑化したグラフは線の下を半透明の色でfillしなくていいので外す（お好みで）
    Panelタブをぐりぐりやって下へ移動し

    ↓
    ↓
    "Series orverrides"を見つけて開く

  3. 開いたらAlias or regexにsmoothed(追加したExpression）を選ぶ

  4. "+"をクリックして

  5. Line fillを0に

平滑化したグラフオレンジ半透明の塗りつぶしが消えます。

  1. これだと線が細いので太くします
    先ほどの設定に追加してLine Widthを調整します

太くなりました

1.　太くした線の色を変えたい場合はここで

同系色にするとオシャレです

QA

csvで平滑化したデータを取り出せるのか？

取り出せます。
パネルタイトル横の下向きのくの字をクリックして、「inspect」→「Data」

「Data options」を開いて、show data frameのプルダウンでsmoothedを選択して水色のDownload CSVボタンをクリックします。

GitHubで編集を提案

Discussion