~~SS~~

## Hot Projects

DIY Food Hacking

Open Solar Power

#### picoReflow

DIY Reflow Soldering

#### PiGI

RasPi Geiger Counter

Wideband Antenna

Map everything!

~~TAGCLOUD:50~~

# Virtual Flight Control Center now public

In order to have total system control for crew/guests and to be more transparent about the technology and infrastructure in use and to give people another way to get into the detailed aspects and challenges of this project, the Virtual Flight Control Center (VFCC) is now open to the public. This is just a first step, as more technology is implemented, the VFCC will have more features. It's a little bit early in the projects timeline but became necessary as a proving ground for the UCSSPM.

If you want to see more than just screenshots open the Virtual Flight Control Center (VFCC).

Be aware that we do not care about testing/supporting closed-source, IP encumbered browsers at all. Also you'll probably need at least 7“ of display size since it doesn't automatically resize yet and grafana's graph rendering has a tendency to overload mobile browsers, so phones are currently not the best choice to play with it :) For obvious reasons, the public VFCC doesn't allow control and data access is read-only, so you can play with it as much as you like without having to worry about breaking anything.

It's still a very crude and hackish demonstrator, combining the following open-source components:

### Frontend

• Grafana - graphing all the metrics
• SVG - used for the system overview
• And some plain Javascript to glue it all together

All components of this setup have been selected primarily for scalability, so that it's possible to run the different components on small VM's or even embedded ARM/MIPS systems and having a low resource footprint to scale with metrics volume and client requests. After all, this system is also here to show and document with hard, untainted and unbiased data, how much can be done with little resources.

## Discussion

, 2015/01/09 15:03, 2015/01/09 15:06

, 2015/01/09 19:37

wow that's really awesome.

it looks really slick, and is not superfluous at all. it's a well done interactive info-graphic. and I'm really impressed with what you did with grafana, which I also love.

I'm a metrics geek and this is super cool imo, and all using excellent OSS projects..

Calling this is “hackish demo” isn't giving yourself enough credit ;)

-r

, 2015/01/10 00:29, 2015/01/10 00:32

Sweet, I like to see another metrics geek. Honestly, I'm really not interested in credit for myself, the major part of the credit has to go to the thousands of people who put the most valuable asset they own (their lifetime) into building, sharing and progressing these projects with an open-source mindset.

All was needed to put it together, come up with a bit of CSS, learn a little SVG (especially animations) and push some numbers until the lines were doing what they're supposed to. If they don't, push and hack some more. No biggy. Anybody can do that. Not being afraid to start while accepting repeated failure is the key :)

And I consider this still very much hackish because a lot of features aren't live yet (which should be in there) and there is much room for optimization. Mobile client survival (grafana) and automatic scaling on very small screens (SVG) are the biggest issues right now. But a lot of experience could be gained which will flow back into grafana as soon as possible.

But you're right, it has purpose, easy and quick knowledge transfer about how our infrastructure is wired and what it is doing is one. Another is the fact, that most installations like this are never displayed in the broader public because usually they carry data/metrics which some people might consider confidential (in a business sense) so they can't be made public. To mitigate this underexposure of these toolkits, this one has been made public, so everybody can see how they're performing with live data in the wild.

, 2015/02/11 10:38

Very impressive.. That's an awesome dashboard ! Great job !

It is possible to have more information about how did you create the frontend ? I would like to do a 'similar' project : an interactive world map (maybe in svg) with many metrics.. :)

A list of which tutorials you used to join svg and grafana's files would be nice ! Thanks a lot,

, 2015/02/11 13:56

If we can continue this project and get the funding/time to proceed projects like the PiGI - Raspberry Pi Geiger-Müller Interface we will build the ORM (Open Radiation Monitoring) Network, which basically is just what you've described, a world map showing all deployed PiGI's and their current/historic radiation metrics. As for the VFCC, all implemented open-source technology is listed above, for the specific implementation for our use-case just have a look into the source code with your browser or, if that is more convenient, browse through: https://github.com/chron0/grafana/tree/apollo-vfcc.

There are no tutorials for that sort of thing, it was just a quick hack to get something done and to be honest, there really isn't that much to it. Just learning how to create animations and draw with SVG, with the tutorial linked above and then hack some Javascript to query data from influxdb and change SVG code with JS to trigger/stop animations. A lot of trial and error basically. Everybody can do it :)

, 2015/02/11 16:18

I hope that you will succeed to build the ORM, It's a very cool idea !

Thanks for the source code, I will do some SVG and JS tutorials and build my own dashboard !

I will come back to show you the result :) ! Thanks for you response !

Enter your comment. Wiki syntax is allowed:
  __  __  _____   ____   ____  __  __
/ / / / / ___/  / __/  / __/ / / / /
/ /_/ / / /__   / _/   _\ \  / /_/ /
\____/  \___/  /___/  /___/  \____/