Linear (thermometer) style gauges?

Hey Mark, with all the recent interest in replacing WDL is there any way you could be persuaded to publish a working example of a vertical linear style gauge? Many of us use that style of gauge in our WDL layouts.

I’ve seen the generic examples, and I’ve switched to the full version of the .js scripts, but I’m not making any progress substituting a linear for a radial in the weather gauges :frowning:

would be cool if there was a steel gauges that could look like (default layout version?) WDL, great to see you are working on that idea Niko :slight_smile:

I would like to do something like mine but it’s not that different.

Niko did you mean something like this?

http://meteopage.com/eng/console/console.php

I did that some time ago, this was when I was still using the SteelSeries gauges too. I modified the styling and some parts of the original script to create this.

Yes, something like that :smiley: Can you share the code?

I will, the only thing is I am actually just completely redesigning the “gauges” page of my template and I intend to use parts of this code as well. I guess it would be easier if I share it once I have it in this new version, because this old code is just so confusing, I did that long time ago and I will have to make some changes in it so that it works independently, now it wont even work, because it is tied to other scripts on Meteopage.

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