グラフ

Arduino開発

ESP32: Webサーバ上でリアルタイムグラフ表示(デバッグ)

ブラウザChromeによるWebSocketのデバッグ 公開講座(春・夏)「AI/IoTセンサのしくみを知ろう」の補足です。 グラフ表示には,WebSocketプロトコルを使用しています。センシングしたデータが正しくWebサーバに届いているかの確認には,ブラウザChromeの検証機能を使います。 確認手順 1.ブラウザでウェブページ(192.168.4.1)を開いて,グラフ以外の白いところで...
Arduino開発

ESP32: Webサーバ上でリアルタイムグラフ表示(Chart.js)

ESP32:Chart.jsを使ったグラフ表示 公開講座(春夏)「AI/IoTセンサのしくみを知ろう」の補足です。 ESP32のウェブサーバ上で,センサで取得したデータをグラフ表示します。グラフの描画には,Chart.jsというグラフ描画用javascriptライブラリを使用します。グラフの更新には,WebSocketプロトコルを使用して,リアルタイムでセンシングしたデータの表示を行います。 ...