Arduino UNO R4 WiFi の ROM に HTML を保存し、ブラウザーからのアクセスに応答する WebServer を構築できます。続けて、そのページ上でセンサーの値をキャンバスを使ってグラフを描画する手順をまとめました。

Arduino UNO R4 WiFiでWiFiとSDを組み合わせ、SDカード上のHTMLを返すWebServerを構築し、取得したセンサーデータをChart.jsでブラウザーにグラフ化して表示する方法をまとめました。

Arduino環境ではアナログ入力をデジタル値として扱うためのAD変換機能が標準で備わっています。本記事ではこの機能を使って土壌水分センサーの出力電圧を読み取り、水分量の変化を確認して動作確認を行いました。

Arduino UNO R4 WiFiのWiFiライブラリとSDライブラリを使用するとSDカードに保存したHTMLファイルを読み出して応答するWebServerを実装することができます。地磁気センサーのデータをブラウザーに表示して動作確認しました。