The following tutorial will show how you can create a web dashboard to graphically display data using the standard vectorial format SVG.
I was looking for a way to show in a graphic form data coming from a feed on Pachube: I needed to create a dashboard available via web and without proprietary technologies (Flash…). I found this blogpost by Andrew Hazelden where he describes how you can dinamically change an SVG file. The same trick is used by another opensource data collector software, Nimbits.
The main advantages in using SVG format are:
- it’s a standard format, the most popular Internet browsers can display it;
- it’s a vector format, drawings can be resized without quality loss;
- it’s based on XML, so it can be changed easily.
In this tutorial I’m going to show you how to:
- create a template drawing with an SVG editor (Inkscape);
- change that template using PHP language;
- receive data from a Pachube feed,using PHP.
In the next page, we’re going to learn how to create our dashboard’s template…