Force Measurement App

Connect to your device, stream force data, and watch it plotted in real time. Ideal for testing the connection and seeing mass/force values.

What this example includes

• Device picker + connect/disconnect flow.
• Real-time force charting (current, mean, peak).
• Multiple training protocols: live data, peak force / MVC, endurance, RFD, repeaters, and critical force.
• Session settings and persistent preferences.
• PWA support with offline assets via vite-plugin-pwa.

Live demo

Force Measurement App - stream force from your device and see it plotted live.

Source

examples/app

Stack

• Vite
• TypeScript
• Chart.js
• vite-plugin-pwa

Run locally

From the repo root:

npm install
npm run dev:examples:app

Direct workspace run:

npm run dev --workspace ./examples/app

Then open the local Vite URL in Chrome, Edge, or Opera on HTTPS/localhost.

Try in StackBlitz

StackBlitz doesn't allow Bluetooth in the web editor

• Click the Edit on StackBlitz link below.
• Wait for the container to boot.
• In the top right, select Open in New Tab.
• In the new tab, click Connect to Project.

You can then connect to your force-sensing device.

Edit on StackBlitz