概要 Arduinoで作成したWebSocketサーバからウェブブラウザに情報をプッシュして、ウェブブラウザで受信した情報をグラフ化してみます。 Ethernetシールドが必要です。 目的 WebSocketの使い方の勉強です。どちらかというと、JavaScriptの使い方の勉強です。 ArduinoをWebSocketサーバにし、Arduinoからブラウザに非同期にデータを送信します。ブラウザでは、受信したデータを表示するとともに、グラフ化を行います。 WebSocketサーバについては、こちらを参照してください。 グラフ作成 グラフの作成は、CanvasJSというソフトウェアを利用しました。HTML5とJavaScriptを利用してさまざまなグラフを作成することができます。 CanvasJSのサイトからライブラリをダウンロードして、任意の場所に配置します。 実行例 Arduinoからは