Welcome to the Cumulus Support forum.

Latest Cumulus MX V3 release 3.28.6 (build 3283) - 21 March 2024

Cumulus MX V4 beta test release 4.0.0 (build 4019) - 03 April 2024

Legacy Cumulus 1 release 1.9.4 (build 1099) - 28 November 2014
(a patch is available for 1.9.4 build 1099 that extends the date range of drop-down menus to 2030)

Download the Software (Cumulus MX / Cumulus 1 and other related items) from the Wiki

SteelSeries Layouts

Discussion of Mark Crossley's HTML5/Javascript gauges

Moderator: mcrossley

User avatar
mcrossley
Posts: 12756
Joined: Thu 07 Jan 2010 9:44 pm
Weather Station: Davis VP2/WLL
Operating System: Bullseye Lite rPi
Location: Wilmslow, Cheshire, UK
Contact:

SteelSeries Layouts

Post by mcrossley »

OK, here is your chance to contribute gauge page layouts. What I created for version 1 was 'functional', so how would you lay out the gauges to maximise screen space and look 'pretty'

To get you going here is a mockup that includes both UV and Solar Radiation (ignore the background :roll: ). Remember you can use any combination of radial and linear gauges, and the sizes do not all have to be the same. Maybe you also want to leave room for a wind direction radar plot?
gauges-1.jpg
You do not have the required permissions to view the files attached to this post.
User avatar
SJG1976
Posts: 365
Joined: Wed 21 Dec 2011 11:04 am
Weather Station: Davis WLL, with Airlink
Operating System: Raspberry Pi3 MX on USB Drive
Location: Glemsford, Suffolk
Contact:

Re: SteelSeries Layouts

Post by SJG1976 »

Yes I like the look of that!
:clap:

Shame I can't do the Solar Radiation (as I don't have the sensor)

I guess I could change the UV one to display all the way across the page?
User avatar
hectic
Posts: 61
Joined: Fri 02 Dec 2011 10:54 pm
Weather Station: WH-3080
Operating System: windows vista
Location: Taunton somerset United Kingdom
Contact:

Re: SteelSeries Layouts

Post by hectic »

After Trying out the gauges i finally got running with your expert help you then go and show a layout which is just what i was going to ask you about.
I think it looks realy nice and the background is fine by me.
I would be very happy to have a gauge layout like that.
Thank you once again for your help and a donation has been sent to steve like you suggested.
Kind regards Richard
Last edited by hectic on Fri 20 Jan 2012 8:53 pm, edited 1 time in total.
aussiewmr
Posts: 104
Joined: Wed 23 Sep 2009 8:27 am
Weather Station: Davis VP2+
Operating System: Windows 10 Pro 1903
Location: Brisbane Australia
Contact:

Re: SteelSeries Layouts

Post by aussiewmr »

Beautiful Mark,

I like the new Solar Radiation gauge.
Like the hint on the Wind Rose too :P

Phil
User avatar
mcrossley
Posts: 12756
Joined: Thu 07 Jan 2010 9:44 pm
Weather Station: Davis VP2/WLL
Operating System: Bullseye Lite rPi
Location: Wilmslow, Cheshire, UK
Contact:

Re: SteelSeries Layouts

Post by mcrossley »

Thanks chaps, but the purpose of the thread was really to get your great ideas, I was just giving an example. So cut out those gauges in Photoshop, resize, move around, exchange radial/linear and come up with a killer layout!
User avatar
beteljuice
Posts: 3292
Joined: Tue 09 Dec 2008 1:37 pm
Weather Station: None !
Operating System: W10 - Threadripper 16core, etc
Location: Dudley, West Midlands, UK

Re: SteelSeries Layouts

Post by beteljuice »

Is it possible to have the linear gauge vertical, if so what is the layout like ?
Image
......................Imagine, what you will KNOW tomorrow !
User avatar
mcrossley
Posts: 12756
Joined: Thu 07 Jan 2010 9:44 pm
Weather Station: Davis VP2/WLL
Operating System: Bullseye Lite rPi
Location: Wilmslow, Cheshire, UK
Contact:

Re: SteelSeries Layouts

Post by mcrossley »

You do not have the required permissions to view the files attached to this post.
User avatar
hectic
Posts: 61
Joined: Fri 02 Dec 2011 10:54 pm
Weather Station: WH-3080
Operating System: windows vista
Location: Taunton somerset United Kingdom
Contact:

Re: SteelSeries Layouts

Post by hectic »

I am no designer or photoshop expert but I thought I would give it a shot.

I have removed my poor effort due to the post left by Serowe.

I guess I must be sensitive.
Last edited by hectic on Sat 21 Jan 2012 7:04 am, edited 3 times in total.
serowe
Posts: 484
Joined: Tue 03 Aug 2010 6:23 am
Weather Station: WM918
Operating System: Win Server 2008 R2
Location: Ferntree Gully, VIC, Oz
Contact:

Re: SteelSeries Layouts

Post by serowe »

OK I am saying this as a non-gauge user...

First - too many gauges! The page(s) look cluttered and, IMHO, make it hard to really find what a user may be looking for (and before you start to gang up on me, remember that YOU are used to this data, and have been playing around with it for a while so you DO lose perspective of what looks god or bad from a USERS POV).

Look at the wind speed and direction gauges as an example. This is perfect for data that relates to each other - speed and direction, so show them on the same gauge - 2 instead of 1. Now, extend this to temperatures. Which are usually talked about together? OPutdoor and apparent immediately come to mind - so why not combine them.

Similarly with rain (amount) and rate. They are so closely linked as to be, almost, the same thing (yes I know they aren't but you can't have one without the other).

The gust and average gauge shows that multiple data lines can be shown together. (In fact if you look at this - why does the example gauge show wind direction and average direciton but the speed ONLY shows (I presume as it isn't stated) current speed??)

Put together the ones I suggested - Temp/app temp; rain and rain rate; wind speed, direction - and you remove 3 extraneous gauges fromthe screen allowing you to show gauges all of the same size without overcrowding your screen.

As I said - I don't use, and not really a fan, of gauges. Reason? They are graphics and graphics are the one thing that can slow down a web page (the number of sites given in links here I have been to that throw images and graphics on screen and then, even though I have cable and ADSL here, the pages slow to a crawl when they are first, being generated and then second, when they have to transfer and load (and remember - creating a graphic (as some sites do) of around 250k and then throwing half a dozen on the page is NOT a good way to attract return traffic or friends).

Obviously some people here will take offence at this post - but take it for what it is worth - constructive criticism. Get it to make you start thinking about HOW you present your data to others. Don;t force unneccesary informaiton, screens or graphics on them and, the bottom line?

K.I.S.S.

(Keep It Simple, Stupid for those that don;t know about the KISS principle).

Stephen
Punctuation is the difference between 'Let's eat, grandma' and 'Let's eat grandma'
User avatar
PaulMy
Posts: 3830
Joined: Sun 28 Sep 2008 11:54 pm
Weather Station: Davis VP2 Plus 24-Hour FARS
Operating System: Windows8 and Windows10
Location: Komoka, ON Canada
Contact:

Re: SteelSeries Layouts

Post by PaulMy »

serowe wrote:OK I am saying this as a non-gauge user...
but take it for what it is worth - constructive criticism.

K.I.S.S.

(Keep It Simple, Stupid for those that don;t know about the KISS principle).

Stephen
Constructive criticism would be fine but I would say it is much more like "negative criticism"
and I wouldn't call any of these people "stupid"

and, from another saying: 'it takes one to know one"

Great work guys on the SteelSeries gauges, getting good interest and great ideas exchanged.

Paul
Davis Vantage Pro2+
C1 www.komokaweather.com/komokaweather-ca
MX www.komokaweather.com/cumulusmx/index.htm /index.html /index.php
MX www.komokaweather.com/cumulusmxwll/index.htm /index.html /index.php
MX www. komokaweather.com/cumulusmx4/index.htm
Image
serowe
Posts: 484
Joined: Tue 03 Aug 2010 6:23 am
Weather Station: WM918
Operating System: Win Server 2008 R2
Location: Ferntree Gully, VIC, Oz
Contact:

Re: SteelSeries Layouts

Post by serowe »

Paul - take it any way *you* want - first the KISS principle is a generalised term and has been used for many many years without causing offence (except to those that are too sensitive)

Second - What did you want me to do? Come over all lovey dovey and say how good everything is? The point was to say 'Hey, you have this - how about looking at doing someting else which consolidates what you already have'.

But then again - maybe I shouldn't have bothered. You will find out one day that generally the ONLY feedback authors of any type get is perceived as negative. The problem is, it is usually only negative in the minds of those that want it to be that way - the rest take it for what it is - ieas for elping to improve something.
Punctuation is the difference between 'Let's eat, grandma' and 'Let's eat grandma'
User avatar
hectic
Posts: 61
Joined: Fri 02 Dec 2011 10:54 pm
Weather Station: WH-3080
Operating System: windows vista
Location: Taunton somerset United Kingdom
Contact:

Re: SteelSeries Layouts

Post by hectic »

serowe wrote:OK I am saying this as a non-gauge user...


(Keep It Simple, Stupid for those that don;t know about the KISS principle).

Stephen
I have removed my effort because of your comment.

I wouldnt consider it contstructive criticism but more like trolling.

I use the gauges and find that they load fast on my slow computer and I have no problems with them.

I can only assume who ever came up with the KISS princible and abbreviation, must be an offensive person.

http://www.taunton-weather.co.uk/gauges-ss.htm
Last edited by hectic on Sat 21 Jan 2012 9:04 am, edited 1 time in total.
serowe
Posts: 484
Joined: Tue 03 Aug 2010 6:23 am
Weather Station: WM918
Operating System: Win Server 2008 R2
Location: Ferntree Gully, VIC, Oz
Contact:

Re: SteelSeries Layouts

Post by serowe »

Oh ffs - if you really find that offensivee that I am really sorry for you.

If you can't understand about trying to conserve screen space then I suggest you just make every data piece a gauge and flood a screen.
Punctuation is the difference between 'Let's eat, grandma' and 'Let's eat grandma'
User avatar
hectic
Posts: 61
Joined: Fri 02 Dec 2011 10:54 pm
Weather Station: WH-3080
Operating System: windows vista
Location: Taunton somerset United Kingdom
Contact:

Re: SteelSeries Layouts

Post by hectic »

serowe wrote:Oh ffs - if you really find that offensivee that I am really sorry for you.

If you can't understand about trying to conserve screen space then I suggest you just make every data piece a gauge and flood a screen.
surely when you use the abreviation ffs , that is also offensive and is still swearing / using foul language.

I can understand that when writing comments it can be difficult to put a tone of voice with the comment and this can make comments seem offensive.
I have read a few of your posts and you do give some good advice to people and can be very helpful.

I have looked at your website and it is very informative but surely dont you consider it a little overcrowded also?

My comment to you is not a personal attack against you but some of your helpful advice can be a bit to jugular and can be interpreted the wrong way coursing offense to some of us more sensitive people ;) .
User avatar
mcrossley
Posts: 12756
Joined: Thu 07 Jan 2010 9:44 pm
Weather Station: Davis VP2/WLL
Operating System: Bullseye Lite rPi
Location: Wilmslow, Cheshire, UK
Contact:

Re: SteelSeries Layouts

Post by mcrossley »

serowe, I understand your view on less is more, the other route leads to Weather Display type pages. My view is there is most demand for the middle ground.

A few points:
  • The base steelseries library is 'reasonably' generic and I don't want to go down the route of specialising it to weather dashboards. So I will resist making multiple pointer gauges etc - now, I have made an exception and created a custom Wind Direction gauge as the existing Compass component didn't really cut it.
  • The download size is about 92Kb, this is the same whether you create 1 or 20 gauges - there are no graphics involved.
  • I have tried to make my 'sample' page (the one supplied in the download, not the one above) as 'data dense' as I could. So without multiple pointers the temperature gauge already shows current|todaysMin|todaysMax|trend, the pressure gauge shows current|todaysMin|todaysMax|trend|alltimeLow|alltimeHigh, the wind gauge shows current|10minAvg|10minGust|todaysHighGust etc. etc...
  • My sample page was intended to be just that, an example that people can take and hack around to their preferences. A few people have done so, but the majority have opted to implement it 'as-is'. That is fair enough, not everyone has the knowledge or time to manipulate it. So my intent on this thread was to solicit ideas on how that sample page might evolve, as it is now it is pretty basic with all the gauges laid out in a grid and uniform size.
That said I think your approach is as valid as any, so why not invest a little effort and show us what your ideal layout would be (given the current constraints of the base library). You never know you may like it so much you decide there is a place for it on your web site! :shock:
There is room to supply alternative layouts, what I don't want to happen is that I have to do all the work trying to satisfy everyone! :lol:
Post Reply