In this series, I’ll build an app in step-by-step posts that will produce an EKG (heart monitor) display.
The inspiration is the Phillips IntelliVue MP50 (found at my local hospital):
Tools we’ll use
Pretty much the whole point of this series… to learn some new tools and techniques:
- Rail 6 – coming from a Rails 4/5 background, I’ll point out specifically “new to me” details.
- SvelteJS – both introductory how-to and deep-dive into charting and real-time data streams.
- Real-time data streams – although our sample data comes in CSV form, we’ll build some benchtesting harness to present this data to our front-end in “real-time”
Assumptions I’ll make
This tutorial makes many assumptions about you, the reader. Hopefully you can find what you need in the EKG – Resources page.
- You know what Terminal is (or Cmd and PowerShell). You know what
$
means in script examples - You know Ruby, and maybe Rails (not necessarily version 6)
- You know some basic database operations, at least enough to understand Sqlite db
Project Details
I’ll be working through the following details over the series:
- EKG sample data / downloads
- Streaming real-time data to client (websockets)
- SvelteJS
- ChartJS (as a SvelteJS component)
- ChartJS real-time update
- Display layout
- Automated downloads of sample data (web scraping the EKG sample-data site)
- Creating a desktop app (ElectronJs + SvelteJS)
- “VCR” controls over display – a design addition leveraging our desktop/mouse/keyboard oriented implementation