Javascript + highcharts.js + Arduino + Chrome Packaged Apps を使用したリアルタイムグラフ - Tech-Sketch

データの見せ方や伝え方の手法の一つに、取得するデータによってリアルタイムに変化していくグラフがあります。 この手法は株価や有害物質の測定値など、値の変化が重要なデータをグラフ化する場合に有効になります。 この記事ではHighCharts.jsというライブラリを用いてリアルタイムに変化していくグラフの実例を示し解説していきます。 はじめに 前回の記事 では D3.js を使用し、Tech-Sketchの記事毎のはてブ数をグラフ化しました。 このグラフは予めはてブ数を取得・加工してから描画しているため、描画以降にはてブ数が変化してもグラフに反映されません。 特定の日付時点でのデータを評価する場合や、値の変化が少ないデータなどは事前にデータを取得・加工し描画する方法で良いのですが、例えば毎日１０分置きにグラフの更新を行いたい場合だと、その都度データを取得・加工・再描画という手間が必要にな

[htnhtn15]

気温 グラフ化 javascript

[tenten0213]

Arduino × グラフだ