Linear (thermometer) style gauges?

I’m due to leave on vacation tomorrow so I don’t have time to do anything at the mo. The problem with using the linear and thermometer gauges with the standard script is that they do not support all the features of the radial gauges. So it is matter of disabling some of the features/calls to the gauge methods.

Other people have done this before, so they may chime in.

I also knocked up an experimental ‘console’ display some time ago that uses high charts, but never took it to a production ready state… http://weather.wilmslowastro.com/test/dashboard/dashboard.php

It really needs a large amount of screen real estate to display in its current form.

I would like to try putting together a page that would look similar to WD, or at least show gauges etc. Now the question is, do we want to use Steelcharts? Highcharts? Both? Some parts can also be done in pure CSS.

Thanks Mark. I looked at many of the users’ posted links but didn’t land on any with linear gauges, but I’ll look some more.

Have a good vacation :smiley:

What about mine :smiley: :smiley:

and I already prepared a purely CSS based thermometer, which looks pretty nice and since only uses HTML5 and CSS is supported by everything and very quick to load :slight_smile: I will try to make some sort of a page with all the gauges within a week or so, depends how many people will need help with my template :smiley:

WD, or WDL? Assuming WDL then Steel Guages would seem to be a good option since there’s already a happy wx user base and the instruments are easily user customizable for style and color etc.

Now, if you wanted a different challenge, a multi-section graph like the WD main page one done in Highcharts would be very nice to have. I’ve done that in jpgraph running from a custom logfile, but it would be nice to have the refined look of Highcharts.

Yes, that shouldnt be a problem, my entire template uses highcharts exclusively so Im quite familiar with it and integrating it as an ajax is also not a problem - look at my template demo → weather section → interactive graphs - so basically something similar could work

Niko I was just wondering, so I now looked at some WDL sites and wanted to try to do something similar with HTML5 and CSS, but what surprised me is that you are here mentioning a linear gauge for T, but looking at WDL, it doesnt use linear gauge for temperature. So do we want to create something that would look as much as possible as WDL or do we want to have something completely new?

For example here:
http://www.weather-display.com/windy/gb/flash/

One can customize WD-L very easily, that is why most of them look different.
But this WD-L is mostly standard. The three “gauges” for Heat index, Windchill and Temp at the right of this display are also called linear gauges, vertical ones this time. As are the monthly and daily rainfall.
http://www.weerstation-wilsele.be/index.php?p=21&wp=MH&lang=en

Wim

Jachym: WDL includes a number of templates, illustrated from page 69 onwards in the manual. Most of those examples use the linear style gauge for temp and it’s an easily selectable (and popular) option, whereas in the SteelSeries wx gauge set that Mark has very kindly provided there is no linear option. So my thinking is that any substitute for WDL needs a linear gauge.

OK, I think I found some scripts which would be usable and I will try to slowly start putting it together. I guess I will have more time over the weekend and I will try to make just the first basic “concept”, which we can then work with.

So I was working on it yesterday night.

So far I have this, but there is still plenty of work to be done. I need to add the fields for displaying the actual values, solar radiation gauge, I want to also make like a “material design” version without the shadows and 3D effects (because that is what I prefer, but I know that lot of you here like the 3D, colors and shadows, so I want to have both). I also want to add icon for current weather conditions (if available) and especially I need to set up the AJAX for regular updates.

Basically this is just the first preview of what it could look like and I still need to add a lot of stuff and I am open to any ideas and comments. But I think it could be used as the basis and now I just need to tweak it.

The thermometers would correspond to temperature and apparent temperature, but that could also be changed to whatever - windchill, dewpoint etc.

The gauges show wind average and gust and the scale is adjusted to match Beaufort

The columns on the right and left is cumulative daily rain and rain rate

The middle one shows wind bearing and the other two on top humidity and pressure

great work so far!

OK,

so some progress made again. I have added fields for showing the actual values in the gauges and most importantly, I finally managed to get the AJAX calls working so the gauges and the value fields are now being updated at regular intervals (currently set to 1s, but can be anything).

I now have important question for you (Brian and Niko):

With regards to my template, I can basically calculate anything since I have access to all the data. But since we wanted this to work with WD as well, could you include what information we want to be included in the gauges apart from the actual values - i.e. what is possible (available in some of the txt files being uploaded to the server) and what you think is relevant.

So for example, right now I have the gauges you see above (I added solar radiation too, which looks like the humidity/pressure gauge, but is styled in yellow). I can of course also do any calculations, so having H and T I can calculate dewpoint and having W also allows me to calculate apparent temperature (I have equations and functions for that in my template, I tried to use relatively complex forumula to get the best results, so I could use that), but I also thought it would be nice if for example it showed “today hi/lo” etc. Again, if I use this in my template, this is not a problem at all, I simply get the data from MySQL, but Im not sure what the files generated and uploaded by WD contain and also, what you think would be worth including - obviously we also dont want to have “everything” and overwhelm the user completely (which is also why I would use some “interactivity” such as showing this upon clicking on the gauge or some button etc., so the user can click stuff and it would show/hide interactively).

And also with graphs, Im not sure how that would work. I can of course include graphs there and also connect them through ajax so they would update or the parameter could be changed - there would only be one “field” for graphs and maybe icons below it and user can switch between various graphs. But Im not sure how this would work with WD. Either it would have to include relatively lot of information in the txt file (to generate the graph) or it would have to provide the images of the graphs already, in which case the ajax call would not use highcharts and just simply load a different image (which is not ideal, since the graph is not interactive - cannot be zoomed, series turned on/off etc, but at least something).

I appreciate any ideas.

Does this help from Kevin’s WD Parser?

WD data files

Doug

Thanks Doug, that certainly does help, but now the question is, what do we want to include and what about the graphs - does WD generate the data for them, or is it only possible by using already made graphs uploaded as images

Sorry, I’ve been busy and will spend more time looking at this later. WDL generates some graphs from the data in the clientraw files, but they have a very limited number of data points and IMHO are of questionable utility, so I don’t have a good answer for your question. Later…

Jachym,

Those files were developed to support WDL and you’ll see that they contain the daily and hourly data that is used to create the graphs. I wonder if Brian would shoot you a copy of WDL so you can see how it is configured and what the capabilities are? Actually I believe you can download it … you don’t care if it says “demo” on the screen.

  • Jim

Thanks. Yes I see it, I dont actually need a copy of WDL, I can see the live demo. The only problem is that the graphs will obviously be quite limited given the number of datapoints available.

The number of parameters included in the file is huge so we will have to filter out the important ones to make it detailed on one hand, but not confusing on the other.

Maybe this can be of some help when studying clientraw files:

XREF (coss reference) of all fields in the 4 clientraw***.txt files:
http://www.weerstation-leuven.be/weather2/index.php?p=93-5&lang=en#

Field by field display of the 4 clientraw files:
http://www.weerstation-leuven.be/weather2/index.php?p=93-6&lang=en

Wim

Thanks Wim,

the WD parser is exhaustive and gives all the information, so now it is more about what we want to include.

So basically I will try to finish the basic version today, this will only have the gauges for humidity, pressure, solar, wind bearing, speed, gust, 2 thermometers and rain and rainrate. I will also make the important javascript and php for the updates.

Then next step will be adding the additional stuff such as daily hi/lo etc. As I said, I want these to be interactive, in other words, user “clicks something” and it shows, we obviously dont want a page where you just see thousands of numbers and dont even know what they mean.

I will try to post some first working demo tonight, where ideally will be the above mentioned gauges and I will try to make the updates working through AJAX and for now just have the php generating the values randomly to check the update works. Getting the data from text file into the PHP is trivial, so this can then be easily changed.