REImu Watch

June 2021

REImu Watch dashboard

Context

REImu was an IoT project to apply Machine Leaning models to sensor data. I worked with the data outputted form the ML model to create visualisations on a simple dashboard.

Realisation

Using SvelteJS and TailwindCSS for the front-end, I had a simple python script that got called on-demand that regenerated the database with last values.

The charts are made with Apex Charts and got integrated with SvelteJS thanks to data binding.

To keep itself updated, the webpage would periodically fetch the database and looking at the HTTP result code would know if the data where changed. The SvelteJS reactive process worked pretty well, and I didn’t have to think much on how to update the document.

Finally, I wrote an “Export” button to quickly get the data on Excel or any other tool.

Dashboard in action

You can get a Page Screenshot from late June on how the page looked like (no Javascript, just global design)

Also Read

  • ETL Search Engine

    AyaMe

    This tool was made to provide search capacity among ETL-extracted sensor data.
    It was using a synoptic parser and a fast-index search library.

    • TailWind CSS
    • Python
    • SvelteJS
    • LunrJS
  • SVDX Midi Controller

    SVDX Midi Map

    A deep dive on how to use Midi controller on some rhythm game

    • Python
    • Midi
    • PyGame
    • SVDX
  • Phaser web IDE

    Phaser Studio

    Building a PhaserJS IDE using reactive binding with Svelte and TypeScript object mapping from PhaserJS. The scenes are passed from CustomEvent and listed in Inspector view.

    • PhaserJS
    • Web IDE
    • Svelte
    • TypeScript

Want more ?

I've got a lot of other awesome projects

See them all !