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.

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 :)