[B! arduino][graph] tomzzのブックマーク

tomzz id:tomzz

arduinoとgraphに関するtomzzのブックマーク (3)

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

graph

highcharts

realtime
リンク
EventMachineとHTML5でつくる、Arduino用なんちゃってオシロスコープ
Arduinoのアナログ入力で読んだ電圧の表示用に、HTMLでオシロスコープをつくってみたよ。ソースはこちら→niccolli/FakeScope · GitHub 仕組み Arduinoからmillis()とanalogRead()の値をシリアル通信で出力 RubyのEventMachineで読み込み、WebSocketで配信 HTMLでグラフに描画 EventMachineでのシリアル通信にem-serialportを、WebSocketにem-websocketを使っています。HTMLのグラフ描画は直でCanvas……とも思ったのですが、flotr2というちょうキレイなグラフの描けるスクリプトにおまかせしています。 Arduinoのほうは値を出力するならなんでもよいのですが、ただのサイン波ではおもしろくないので、指パッチンのときに使った回路を使っています。ブレッドボードからユニバー
tomzz 2014/04/23
arduino

Ruby

html5

html

graph
リンク
Streaming Arduino Data to a Browser without Flash or Java
tomzz 2014/04/23
arduino

graph
リンク
1