のんびりと続けているRaspberry Pi 2で人感センサー動かすやつ、IoT本来の意味とは外れるかもしれないけど、IoTごっこと呼ぶことにした。
そして大体の実装プランが固まってきたのだ。
人感センサーが反応した時刻を記録して、グラフ表示したいんだけど、センサーが反応した時刻の記録にデータベースを使うのはやや大げさ過ぎるので、もう少し簡易な方法をとることにする。
常時起動しているPythonコードがセンサー(つまりGPIOの入力値)を監視していて、センサーが反応したら、その時刻とセンサーの値をtsvファイルに書き込んでいく。
そのtsvファイルをJavaScriptで読み込んで、Webページにグラフ化して表示する。表示はWebブラウザに任せるのです。
ということで、調べることは2つ。
・Pythonで出力パスを指定してtsvファイルに書き込む方法
・JavaScriptでtsvファイルを読み込んでグラフ表示する方法
Pythonでtsvファイルに描き込む方法は色々あるみたいだけど、今回はPandasというデータ分析用ライブラリの機能を試してみようと思う。
Pandasにあるcsvファイルを読み書きするためのread_csv関数(読み込み)とto_csv関数(書き込み)を利用して、オプションパラメータdelim_whitespaceをTrueに設定(区切り文字にタブや空白を指定)してやればtsvに対応できるらしい。
その他、numpyでもtsvの読み込み・書き込みはできるらしいので、慣れてる方を選べば良いと思う。(オイラは単純にPandasに触ってみたかったから)
JavaScriptでtsvファイルをグラフ化する方法については、D3.jsの公式サンプルで、tsvファイルを読み込んで棒グラフ表示するサンプルがあったので、これを有難く流用させていただこうと思う。↓
Dual-scale-D3-Bar-Chart
Raspberry Piで似たようなことをやろうとしている人達がたくさんいるけど、ソフトウェア側の実装方法は結構バラバラな印象。↓
Raspberry Piで取得したセンサーデータをリアルタイムに可視化する（導入編）
Raspberry Piで取得したセンサーデータをリアルタイムに可視化する（センサー編）
Raspberry Pi,fluentd,TreasureData,AWS,d3.jsを使った自宅の温度・湿度データモニタリングと可視化①
関連記事
RSSフィードを読込んで表示するWordpressプラグイン...
リニアアクチュエータ
Managing Software Requirements...
WebGL開発に関する情報が充実してきている
iPhone x ロボットハッカソン～RomoのiPhone...
海洋堂 20cmシリーズ『デスゴジ』 クリアーオレンジVer...
Rerun：マルチモーダルデータの可視化アプリとSDK
Blendify：コンピュータービジョン向けBlenderラ...
BlenderのPython環境にPyTorchをインストー...
R-CNN (Regions with CNN featur...
UnityのTransformクラスについて調べてみた
viser：Pythonで使える3D可視化ライブラリ
Webスクレイピングの勉強会に行ってきた
C++始めようと思うんだ
オープンソースのロボットアプリケーションフレームワーク『RO...
OpenGV：画像からカメラの3次元位置・姿勢を推定するライ...
オープンソースの人体モデリングツール『MakeHuman』の...
オープンソースの物理ベースGIレンダラ『appleseed』
libigl：軽量なジオメトリ処理ライブラリ
AndroidもopenGLも初心者さ (でもJavaは知っ...
オープンソースの物理ベースレンダラ『Mitsuba』をMay...
Super Resolution：OpenCVの超解像処理モ...
タマムシっぽい質感
Raspberry Pi
PyTorch3D：3Dコンピュータービジョンライブラリ
Webサイトのワイヤーフレームが作成できるオンラインツール
UnityのGameObjectの向きをScriptで制御す...
D3.js：JavaScriptのデータビジュアライゼーショ...
ZBrushのZScript入門
スクレイピング
海洋堂 20cmシリーズ『デスゴジ』 クリアーオレンジVer...
OpenCVでカメラ画像から自己位置認識 (Visual O...
オープンソースの取引プラットフォーム
網元AMIで作ったWordpressサイトのインスタンスをt...
WordPressの表示を高速化する
Unity ARKitプラグインサンプルのドキュメントを読む
WordPressプラグインの作り方
Unityからkonashiをコントロールする
海洋堂 20cmシリーズ『デスゴジ』 クリアーオレンジVer...
konashiのサンプルコードを動かしてみた
UnityユーザーがUnreal Engineの使い方を学ぶ...
adskShaderSDK
コメント