piotrpdev / realtime-serial-graph

Web Serial API realtime data graph

Realtime Serial Graph

Website that reads realtime data from a device (e.g. Arduino) using the Web Serial API and displays it nicely using Dygraphs and PaperCSS.

Serial Data Format

The TypeScript code uses a custom Transformer that extracts an integer inside two chevrons ("<", ">"). If you don't want to make your own custom Transformer just send your serial data like this:

Serial.print("<" + String(analogRead(A0)) + ">");

An example Arduino sketch is provided in ./Heart_Rate_Display_Arduino/, here is the source:

Heart_Rate_Display.ino
Demo Program for AD8232 Heart Rate sensor.
Casey Kuhns @ SparkFun Electronics
6/27/2014
https://github.com/sparkfun/AD8232_Heart_Rate_Monitor