|
I love me some SVG, shame not more used, I wanted to see what CSS equivalent might look like, so here:
background: linear-gradient(90deg, #fb1b03 0%,
#f0a208 14.4%,
#debb0c 25%,
#b0cc3d 34%,
#4bea01 49%,
#b0cc3d 61%,
#debb0c 68%,
#f0a208 79%,
#f46c06 88%,
#fb1b03 100%
);
|
|
|
|
|
I'm looking for an overly complicated set of examples I can use to maybe research some repos and maybe grab something of npm and then spend a painful weekend wrestling with it and hating the "documentation" (sarcasm added) and you go ahead and just paste the code in less time for me to curse your simplicity and efficiency.
Where is the fun in that, I ask?
cheers
Chris Maunder
|
|
|
|
|
|
Something like:
1_______2___________3_____________4______5
|_______|___________x_____________|______|
where
1 and 5 are the absolute limits?
2 and 4 are the custom limit to be considered for the range?
and 3 the current value?
Being green between 2 and 4,
orange between 1 and 2 or 4 and 5
and red if smaller than 1 or bigger than 5?
M.D.V. 
If something has a solution... Why do we have to worry about?. If it has no solution... For what reason do we have to worry about?
Help me to understand what I'm saying, and I'll explain it better to you
Rating helpful answers is nice, but saying thanks can be even nicer.
|
|
|
|
|
Have you looked at the display widgets used for the status of the core in a nuclear power plant?
|
|
|
|
|
Pretty much exactly what I'm looking for, but if you Google that you don't actually get any UI examples.
I feel like Sam and Dean in Supernatural when their luck was removed and nothing they did seemed to work anymore. My google-fu. Is all gone.
cheers
Chris Maunder
|
|
|
|
|
always remember: the best controls are only visible if you accidentally hover over them. otherwise, they must remain completely invisible.
|
|
|
|
|
only thing I would add is that 10% of the male population is color blind. Whenever you start saying red and green in a sentence start worrying that they won't even see it.
To err is human to really elephant it up you need a computer
|
|
|
|
|
Good catch. I work with a guy who is color blind, so this comes up every so often.
Software Zen: delete this;
|
|
|
|
|
And I'd also add that 65% of us don't read instructions. Excellent point, and I'll ensure there's colour and clear instructions.
cheers
Chris Maunder
|
|
|
|
|
Chris Maunder wrote: And I'd also add that 65% of us don't read instructions.
Only 65%?  
M.D.V.
If something has a solution... Why do we have to worry about?. If it has no solution... For what reason do we have to worry about?
Help me to understand what I'm saying, and I'll explain it better to you
Rating helpful answers is nice, but saying thanks can be even nicer.
|
|
|
|
|
Just a thought about a layout using standard HTML controls.
A div that contains the gradient - your algorithm to create the shading based upon input pars for the "break points" in color.
A slider control immediately under it with the numeric range so you can do your slide thing.
Nice part is that the controls already exist and the more complex one, the slider, is ready made and standard. CSS can have dynamic values, the --prefixed ones, which you can modify via your algorithm or just generate the gradient values directly for the a bars.
| Ravings en masse^ |
|---|
| "The difference between genius and stupidity is that genius has its limits." - Albert Einstein | | "If you are searching for perfection in others, then you seek disappointment. If you seek perfection in yourself, then you will find failure." - Balboos HaGadol Mar 2010 |
|
|
|
|
|
Chris Maunder wrote: I'm looking for a way to graphically represent an optimum range of values, along with the actual value of a variable. One idea I've seen is a simple bar with a gradient from red to orange, green, back to orange and then to red, with the optimal range being the green zone, and a simple triangle marker pointing to the value of the variable along the range.
Is that for life, or mana?
Bastard Programmer from Hell 
"If you just follow the bacon Eddy, wherever it leads you, then you won't have to think about politics." -- Some Bell.
|
|
|
|
|
I would say 9. What say you?
"The only place where Success comes before Work is in the dictionary." Vidal Sassoon, 1928 - 2012
|
|
|
|
|
"billion" has no zeros. Zero zeros.
|
|
|
|
|
I don't know, let me look at my bank account.
Nothing succeeds like a budgie without teeth.
|
|
|
|
|
It depends. The British billion is a million millions, so there are 12 zeroes. The American billion is a thousand millions, so there are 9 zeroes.
These days, the American billion is more commonly used than the British billion.
Freedom is the freedom to say that two plus two make four. If that is granted, all else follows.
-- 6079 Smith W.
|
|
|
|
|
Actually British use - officially - the short system like 50 years now... The long system mostly remained in continental Europe...
And I asked you 
"The only place where Success comes before Work is in the dictionary." Vidal Sassoon, 1928 - 2012
|
|
|
|
|
Yes, the British Government has used 1 billion == 1,000,000,000 since 1974.
It's been at least that long since I last read (or believed) any statistics released by the British Government.
Freedom is the freedom to say that two plus two make four. If that is granted, all else follows.
-- 6079 Smith W.
|
|
|
|
|
Our government has also reported figures in terms of "billions", and then been unable to clarify which definition they were using.  
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
That's because our government is really intelligent.
Though I am unable to confirm which definition of intelligent I am using.
|
|
|
|
|
The British 10^9 billion is used for financial values (esp. by the Government); the British 10^12 billion is still more common outside of finance. The advice is never use the word Billion, use 10^9 / 10^12; or, when talking to 'ordinary' people use thousand million / million million. Same for Trillions etc. The generic 'gazillion' can be used without clarification as it just means an extraordinarily large amount.
|
|
|
|
|
No kilomillion?
The simple answer has been hanging around right under their noses this whole time.
|
|
|
|
|
Using SI units: Giga for 1,000,000,000 (9 zeros) and Tera for 1,000,000,000,000 (12 zeros)
|
|
|
|
|
1 zero. 1 billion == 1 gigabyte == 1,073,741,824 bytes
At least, that's how I count nowadays.
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
