のんびりと続けている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を使った自宅の温度・湿度データモニタリングと可視化①
スポンサーリンク
関連記事
Rerun:マルチモーダルデータの可視化アプリとSDK
OpenGV:画像からカメラの3次元位置・姿勢を推定するライブラリ
Mitsuba 2:オープンソースの物理ベースレンダラ
OpenCVでカメラ画像から自己位置認識 (Visual Odometry)
WordPressプラグインによるサイトマップの自動生成
3Dグラフィックスの入門書
Google App Engine上のWordPressでAmazonJSを利用する
Blendify:コンピュータービジョン向けBlenderラッパー
FCN (Fully Convolutional Network):ディープラーニングによるSema...
TensorSpace.js:ニューラルネットワークの構造を可視化するフレームワーク
Kaolin:3Dディープラーニング用のPyTorchライブラリ
海洋堂 20cmシリーズ『デスゴジ』 クリアーオレンジVer. 電飾のための工作 その4
AmazonEC2のインスタンスをt1.microからt2.microへ移行する
海洋堂 20cmシリーズ『デスゴジ』 クリアーオレンジVer. 電飾のための工作 その1
Blender 2.8がついに正式リリース!
OpenGVのライブラリ構成
iPhoneアプリ開発 Xcode 5のお作法
書籍『ゼロから作るDeep Learning』で自分なりに学ぶ
プログラミングスキルとは何か?
Model View Controller
FreeMoCap Project:オープンソースのマーカーレスモーションキャプチャ
TeleSculptor:空撮動画からPhotogrammetryするツール
Twitter APIのPythonラッパー『python-twitter』
UnityのMonoBehaviourクラスをシングルトン化する
ZBrushのZScript入門
Accord.NET Framework:C#で使える機械学習ライブラリ
Webスクレイピングの勉強会に行ってきた
マルコフ連鎖モンテカルロ法
UnityでLight Shaftを表現する
RSSフィードを読込んで表示するWordpressプラグイン『RSSImport』
C++始めようと思うんだ
iPhone x ロボットハッカソン~RomoのiPhone用SDKで目覚ましアプリを作る~
OpenCVの超解像(SuperResolution)モジュールを試す
OpenMVS:Multi-View Stereoによる3次元復元ライブラリ
OpenMesh:オープンソースの3Dメッシュデータライブラリ
海洋堂 20cmシリーズ『デスゴジ』 クリアーオレンジVer. 電飾の計画
Unity ARKitプラグインサンプルのチュートリアルを読む
libigl:軽量なジオメトリ処理ライブラリ
openMVGをWindows10 Visual Studio 2015環境でビルドする
Kubric:機械学習用アノテーション付き動画生成パイプライン
WordPressプラグインの作り方
Google App Engineのデプロイ失敗
コメント