Embeddable React telemetry components — a browser ground station for MAVROS

ROS ROS General
,
1

I maintain Altara, a set of MIT-licensed React components for real-time robotics telemetry (PFD, moving map, gauges, event log), and I wrote up building a small drone ground station with them that talks to MAVROS over rosbridge.

The thing I was trying to solve: I wanted a status dashboard our team could open in a browser tab and drop into our own app, rather than running a separate native GCS. So the components are embeddable and themeable rather than a standalone tool.

Writeup (the rosbridge/MAVROS wiring is the interesting part): [ Building a real-time drone ground control station in React - DEV Community ]
Live demo: [ Altara Demo ] · Source: [https://github.com/JayaSaiKishanChapparam/altara\]

If you’ve built browser dashboards for a ROS2 stack, I’d like to know what you ended up reading off your topics, and where existing tools forced you into a standalone app when you wanted something embedded.

2

(Disclaimer: I’m the author of Transitive.)

Have you heard about Transitive? It combines:

  1. the same idea of embeddable front-end components written in React with
  2. a data-synchronization layer built on MQTT, with some definite advantages over rosbridge, and
  3. the concept of full-stack packages, bundling those front-end components with corresponding cloud and robot components to create an end-to-end functionality called a capability.

Transitive is an open eco-system for developers. Just like Android, it allows third parties like yourself to create new capabilities and submit them to the cap store from where any Transitive user can install them on their robots with one click or a config change.

I think your react components look really slick and could be extended to become full-fledged capabilities. Feel free to DM me if you are interested in exploring this.