はじめに

Node-REDを利用して基本的なデータ分析をやってみました

上記にて作成した、Node-RED上のオブジェクトをMindSphere上のVisualFlowCreatorに移植して、動くかどうか試してみました。

　CO2濃度と温度データについて
　　　１日分の折れ線グラフ
　　　最大値、最小値、平均値、ヒストグラム
　　　散布図　　
をMindSphere上のVisualFlowCreatorで表示させることが今回の目標となります。

※MindSphereは、Siemens社がグローバル展開する「クラウドベースのオープンIoTオペレーティングシステム」です。

Node-REDからFlowを書き出し（Export）してみます

　当方環境はNode-RED ver2.2.2をWindows上で動かしております。
　フローの全体は以下となります。大きく、「CSVファイル読込」、「折れ線グラフ」、「平均・最大：最小・ヒストグラム」、「散布図」の４つに分かれております。　右上のボタンを押し、「書き出し」を選択します。

「フローを書き出し」でダウンロードを選択します。flow.jsonファイルが作成されます。※今回はflows(10).jsonといった名前で作成しています

MindSphere　VisualFlowCreatorでImportします

　まず、MindSphereへログインします。今回はFree環境を利用します。
　LaunchPadでVisualFlowCreatorを選びます。

　次に、VisualFlowCreatorにてImportを実施します。

　select a file to importを選択し、flows(10).jsonを選択し、開くを押します。　

　jsonファイルが読み込まれましたので、importボタンを押します。　

　エラーが２つ出ております。この後、エラー部分を調整していきます。

VisualFlowCreatorにて調整作業を実施します。

　
　ImportしたFlowの全体を見ると、計４か所について、ノードの背景色が薄くなっていることがわかります。この部分のnodeを別のnodeに差し替えていきます。

　調整前にMindSphere環境のAsset　MobilePhone　の配下に　co2-20220105.txt　ファイルをアップロードしておきます。
（MindSphereのOperationsInsight、AttachmentsでファイルのUploadが可能です。）
（今回のケースではAsset　MobilePhoneを使用しましたが、他のAssetでも全く問題ございません。）

まず、file inノードをread fileノードに置き換えます。MindSphere上では、AssetのAttachmentの中にあるファイルをread fileノードで読み込むことが可能となっています。
read fileノードのNameはreadに変更しました。Assetの右側にあるボタンを押すとselect File画面が出てきますので、AssetsはMobilePhoneを選択し、Filesはco2-20220105.txt　を選択します。

次にcaliculatorノードについてです。３つのcaliculatorノードを１つのChangeノード置き換えます　
Changeノードは　温度用のChangeノードをCOPYして、３箇所の　data_c　を　data_b　に変更し、CO2のデータに対応します。

最後に、Edit dashboard tab node　の　Accessについて　Show in Dashboard Viewer and OI　へ変更します。この処理をすることで、VisualFlowCreatorで作成したダッシュボードをMindSphere上のDashboard ViewerやOperationsInsightで参照可能になります。

Dashboard Viewerからダッシュボードを見てみましょう。

　Dashboard Viewerから　Vegaデータ　を選択します

　VisualFlowCreatorで処理を実行すると以下が表示されます

なお、OperationsInsightからも参照可能となっています。以下が入口となり、表示結果はDashboard Viewerと同じです。

おわりに

　Node-REDからの移植作業を通して、MindSphere上にノードがないケースについては、一部作り直しが発生するケースを体験しました。

　MindSphere上でVegaノードを使ってヒストグラムや散布図を表示できたことは、ダッシュボード表示の幅が広がり、大きな収穫と考えております。

　今後　取り組んでいきたいテーマとしては
　　・「箱ひげ図」　の移植
　　・MindSphereのAssetの時系列データからの今回のグラフ表示　
　　　　　　　　　　　　　　　　　　　　　　といったところがあります。

　なお、MindSphere上のVisualFlowCreatorはNode-REDと比較して、以下のような差異があります。
　
　・カスタムノード　
　　　VisualFlowCreatorでは最大5個まで
　　　（移動平均nodeやMindSphereのAssetデータを読み書きできるMindSphere固有のnodeなどが準備されています。）
　　　Node-REDは制限なし

　・1フローの最大実行時間
　　　VisualFlowCreatorでは30秒 (電源モードオプションで最大2分)
　　　Node-REDでは制限なし

　　　等々

差異の詳細は英語版の以下マニュアルの１５ページに「VisualFlowCreatorとNode-REDの差異」として表形式で記載されています。（2022年３月変更版）

[Visual Flow Creator System Manual]　
https://documentation.mindsphere.io/resources/pdf/visual-flow-creator-en.pdf

※SiemensおよびMindSphereは、Siemensの登録商標または商標です

参考資料

Node-REDダッシュボードを用いたデータ可視化
Vega
Vega-lite
JSONata
node-red-node-ui-vegaを使った各種センサーのグラフ表示
二酸化炭素濃度モニタリングリモートデモシステムの構築
Node-Redを利用して基本的なデータ分析をやってみました