6.S3静的htmlのJavaScriptでグラフ表示

jPlot

s3の静的サイトにグラフを表示するJavaSciptプログラムを含んだhtmlをアップします。

S3に保管したJSONのデータは、S3の静的サイト内からAJAXで利用できます。
上の画像は html 内の javascript プログラムで以下の処理を行って表示しています。
・JSONの1日のセンサ生データGET
・1分毎のJSONデータを1時間平均に計算
・グラフで表示

グラフには jqPlot を利用しています。

jqPlot
http://www.jqplot.com/

実際のhtml5内の javascript プログラムは以下で確認できます。
https://github.com/yukataoka/IoT_Raspi_AWS_Demo/tree/master/S3WebSite

実際にRaspberry Pi から AWS S3 にアップされたJSONデータのサンプルは以下で確認できます。
https://github.com/yukataoka/IoT_Raspi_AWS_Demo/tree/master/S3WebSite/Hub01

実際の動きは、以下のサイトで確認できます。
http://s.ykata.net/

こちらのjavascriptプログラムの詳細は上記サイトをご参照ください。

最初のページに 戻る

広告