Bridging the gap between raw time-series streams and beautiful, clickable dashboards usually means stitching together half a dozen tools. OmnAIView changes that story. The open-source project from the AI Gruppe lets any data server – your lab sensor, a sensor in a car engine, or even the pressure sensor in your coffee machine, sprout a real-time graph with just one lightweight interface. This article show you how to setup and test the example datasource server for OmnAIView. 

Before we connect OmnAIView to your own datasource, we need a playground that behaves like a real device yet is safe to break and behaves like the perfect minimal example.That’s exactly what the Dev Data Server is: a minimal, self-contained example that:

1. 1. Demonstrates the minimal interface 

2. Generates reproductable data (sine & square waves)

3. Written in Python for readability

This article will demonstrate how to setup the project and use the dataserver. If you are interested in more, the way how the datasource was integrated can be found in our github repository.

Join our github repository on : https://github.com/AI-Gruppe/OmnAIView 

1. Clone the server

git clone https://github.com/AI-Gruppe/OmnAIView-DevDataServer.git
cd OmnAIView-DevDataServer/example_python

2. Create & activate virtual-env

python -m venv env
source env/bin/activate        # Windows: env\Scripts\activate

3 Install min-deps

pip install -r requirements.txt

4. Fire it up !

python main.py
# -> "Server running on port 8080 (HTTP & WebSocket)"

1. Clone and install

git clone https://github.com/AI-Gruppe/OmnAIView.git
cd OmnAIView
npm ci                       # install root tooling
cd angular-frontend

2. Run the web app 

ng serve
# → open http://localhost:4200

3.Package the desktop app 

ng build                      # build Angular bundle
cd electron
npm start                     # run Electron in dev mode
npm run make                  # create installer

Receive the data

The datasource can be found when clicking on the available „load Devices“ button. 

Clicking on „start data “ will popup a menu to select the datasource. That is were our newly integrated datasource can be found. Select the datasource and the UUID and you will see how the sinus or rectangular wave is drawn across the canvas. 

Taking it further

You now have:

• Proof of concept: dev server + frontend in under ten minutes.
• A clear recipe for turning the demo devserver into your own dataserver for your own devices 

In the next blog we will introduce you to setting up the frontend with your own dataserver, introducing your own interfaces for the data and implementing our Datasource interface.

Happy hacking – and may your data always have a view.

Further Resources for Developers

You want to go deeper into data-driven telemetry & visualisation with OmnAIView?
You’re in the right place!
Our developer blog is packed with tutorials and deep-dives that show you how to wire up modern measurement tech to any backend.

But that’s just the beginning:

• Main GitHub Repository:
  Clone the source, star the project and open pull requests—everything lives in the open.
• Dev Data Server:
  A minimal Python implementation that demonstrates the required REST / WebSocket interface.
• Issue Tracker & Roadmap:
  See what’s next, report bugs or vote for features.
• Developer Discussions:
  Join the conversation, ask questions and share best practices with the community.
• Project README:
  Quick-start commands, architecture overview and contribution guidelines—all in one place.

Ready to ship your own data source? Fork the repos, hack away and show us what you build—PRs are welcome!

Whether you’re an embedded hacker or a full-stack engineer—here you’ll find the right tools and docs to level up your telemetry game.
Our motto: If we can measure it, you can improve it!