Beetwise

Serial plotter in the browser

Beetwise plots live serial data in a browser tab.

The tool uses the Web Serial API, so no install and no driver are necessary.

Each value also appears as a register with editable bits.

Worked example

Plot a value from a device:

  1. Connect the device to a USB port.
  2. Select Connect, then select the baud rate.
  3. Send one line for each sample, in the form Name:100,Name2:-300.
  4. End every line with a newline character.
  5. Select Plot to open the chart.

Where this is used

A serial plot shows a trend that a text log hides.

A sensor drift or an unstable supply is visible in a few seconds on a chart.

The data export gives a CSV file for a later analysis.

Points to note

  • The Web Serial API needs a Chromium browser. Firefox and Safari do not support it.
  • The page must use HTTPS, and the user must grant access to the port.
  • Only one program can hold a serial port. Close any other serial monitor first.
  • A line without a newline character stays in the buffer and does not appear.

The full tool

The full editor holds many values at the same time. It also evaluates expressions across them, and it reads live values from a serial port.

Open the full editor

Questions

Which browsers support this?
Chrome, Edge and other Chromium browsers support the Web Serial API. Firefox and Safari do not.
What data format does the tool expect?
Comma separated name and value pairs, such as Name:100,Name2:-300, with a newline at the end of each line.
Can I export the data?
Yes. The tool writes the samples to a CSV file for a spreadsheet or a script.