Web Dashboards

When following a flight – whether it’s your own or someone else’s – there are some great online tools to see what’s going on.  The main one of course is the map, but there are also pages for showing live images and for displaying sensor values graphically.

HAB flights in the UK in particular are often community things, with the launch and chase teams keeping in touch via the #highaltitude IRC chatroom.  This is useful both for keeping other balloonists up to date with what’s happening (e.g. letting them know the launch is delayed) or for asking for help when recovering the flight.  Some launchers also provide video streams from the launch and sometimes the chase and recovery too, and all of this helps with the community spirit – balloonists sometimes dedicate hours to help receive data from a flight, so providing them with these extra things is a form of payback for their efforts.

For a while now I’ve wanted to add a custom dashboard page for my flights, to combine elements that are of interest at that stage of the flight in one simple screen.  This screen needs to change during the flight – for example the map isn’t of much interest before launch, and the launch video isn’t useful after the launch.  So I’ve designed 4 custom dashboard screens for my next flight, for launch, ascent, descent and landing.


I wanted a visual dashboard design tool that is simple to use, has useful widgets, produces pretty results, is responsive to new data, adjusts to different screen sizes, and is flexible enough to allow the embedding of various items and representations that are of interest during a balloon flight.  I soon came across www.thedash.com which fits the bill mostly.  One issue was that I wanted to include a Twitter feed, and that’s currently not a live item on thedash (it doesn’t update, so it’s pretty useless).  Another issue, with the free version, is that dynamic items are polled and only refresh every 30 seconds (though this can be worked around by embedding html/javascript, but that breaks the “simple to use” requirement.  Both these issues can be avoided by paying for an account ($9.99/month or $99/year) because that allows for new data to be pushed to the dashboard via html.

Launch Dashboard

Here I’ve added a basic description of the flight, current time, a video from the launch site, and a list of status updates.

The video is a life feed, using the “embed” URL from YouTube.  For now this links to a recorded video but for the actual launch it will be streamed live of course.

The “Status Updates” list was originally intended to be a Twitter feed, and I wrote a Python script to generate the tweets automatically from the telemetry downloaded from the habhub server.  However as I said earlier, the Twitter widgets on thedash.com are not live (one is supposed to be but is currently broken due to changes at the Twitter end), so I replaced the Twitter feed with a live table widget.  That table has data pushed at it from a Python script that grabs the current telemetry from habhub, decides if anything interesting has changed, and if so generates a suitable message which it pushes to thedash using the Python requests library.


Ascent Dashboard

For this part of the flight, the launch video stream is no longer of interest, but the map is:



Descent Dashboard

Normally there would be no point having a separate dashboard for the descent phase, but for this flight there will be some extra things happening, so I intend to add some extra items to this screen soon.  For now it just shows the altitude as well as the usual map and status.


Landing Dashboard

This is more interesting as I intend to stream the landing video on this flight.  The map is also needed (so we can see the approach to the landing spot).  I’ve also added some servo positions which should be some clue as to what’s going on.


You can leave a response, or trackback from your own site.

Leave a Reply

Subscribe to RSS Feed Follow me on Twitter!