Serial connection

Baudrate:                             Status: Disconnected
Input: CR LF       repeat after 1 sec

Parser

Variables extracted from the serial stream          

# Variable Value   rate[/min] Stat.Q min 25% 50% 75% max   type
1 Empty - - - - - - - - - - -

Graphics

To populate Graphics: check the variables in the Parser tab, and press [Generate Gauges]

Web Serial Terminal Description

The terminal built on top of Web Serial API

That API currently supported by Chrome, Edge, and Opera browsers. See compatibility table for more details.

Serial page

Port configuration fixed to 8-bits, no parity, 1 stop.
You can only choose the Baudrate. Press [Sel.Port] button to select serial port and connect it.

To send a string, fill up the Input field; choose the line terminator type by CR and LF checkboxes, and press [Send]
[v] button shows a history of previously sent strings.

Use [Pause] button to pause/resume displaying data. While paused, the incoming data will be still updates in the background.


Parser page

The parcer processes the serial stream for possible Key Value pairs. Built the vairables list, and collects their statistical and semantical features.

This page has two buttons:
[Clear List] – removes all the variables, and start collecting as new.
[Generate Gauges] – populates the Graphical page with automatically generated gauges. NOTE: that button is enabled after 5 sec of the port open instance.

The Variables table has folowing columns:

  • rate[/min] – update rate in samples per minute.
  • Stat.Q – Quality of gathered statistics. Calculated as: 100% * square root ( collected samples)
  • min - The lowest value of the variable encountered
  • max - The highest value of the variable encountered
  • 25% 50% 75% - Quartiles of the statistical distribution. Here 50% is median, or the most common value of the variable.
  • max - Semantical identification of the variable. Used to chhose the gauge type when populating the Graphical page

Graphics page

Graphics page contains automatically generated gauges and charts. Their parameters can be adjusted by clicking at symbol at the gauges screen.


Acknowledgments

The parcer code built using jslex - a lexer in JavaScript by Jim R. Wilson (jimbojw).

Code for Levenstein edit distance calculation taken from this Stack Overflow post.

© 2025 Roustam Asimov
License: MIT