I’ve built a web-based serial plotter that makes visualizing data from Arduino, ESP32, and other microcontroller projects much easier. No drivers, no installations - just open your browser and start plotting!
I’ve been messing aroumd with the Web Serial APIs for a while now and got to thinking - why don’t I make a better Serial Plotter?
You can try it out here: Web Serial Plotter
There are some limitations on some browsers, but it should work in Chrome, Edge, and Opera - you can checkout exact browser support here.
It should work the same was as the Arduino Serial Plotter, so you can just output your data in a comma separated list and it will plot it on the graph.
# Optional header defines series names
# time(ms), ax, ay, az
0, 0.01, 0.02, 0.98
10, 0.02, 0.01, 0.99
20, 0.03, 0.00, 1.01
I’ve added a simple signal generator to the plotter, so you can test it without any hardware.
The built-in signal generator lets you test the plotter without any hardware:
- Use the generator panel in the header
- Choose signal type: Sine (phased), Noise, or Ramp
- Adjust sample rate and click “Start”
- Data will appear as if from a real device
Open Source & Contributing
The Web Serial Plotter is open source under the GPL v3.0 license. The complete source code is available on GitHub, and I welcome contributions, issues, and feature requests.