Are you dashing? Are you hot? Then you need the Dashing Hotness Widget!
See the blog post for more details.
This widget is similar to the basic Number widget, except that the entire widget changes colour based on the value displayed. It is designed to draw attention to metrics which need attention.
Good for metrics which are monitored for their 'good' (cold) or 'bad' (hot) status.
Not good for metrics which don't have a pre-determined range, or aren't that important.
From your Dashing Dashboard's directory, use the command:
dashing install 6246149
Include a widget with a data-view
of Hotness
. The widget must include a
data-cool
and data-warm
value to work properly.
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
<div data-id="synergy" data-view="Hotness" data-title="Synergy Hotness" data-cool="20" data-warm="90"></div>
</li>
See below for a full list of fields this widget uses.
- data-id: Like all widgets, you must include an identifier so that your jobs can update the value.
- data-cool: Anything below this value will show the 'cold' colour. It should be set high enough to include all the 'good' range of value for this metric.
- data-warm: Anything above this value will show the 'hot' colour. It should be set just below the 'bad' range of value for this metric - ie. those that need attention!
- data-title: Optional title to show in the widget box (above the value).
- data-prefix: Optional prefix to the value.
- data-suffix: Optional suffix to the value.
The default colour scheme is Sweet Lolly by nekyo.
The file SCSS file has an alternative colour scheme which should (I hope!) be colour-blindness friendly (going from blue to yellow) called 400 Lovers by Tzadkiel.
To use this scheme, just uncomment the last 5 lines of the SCSS file
The colour schemes and this widget are licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 license.
Hi,
Cool widget, i have modified the widget so that it integrates with the rickshaw graph, and shows a warm or cool value depending on the current value on the graph.
I have a ruby file in my jobs folder that gets these statistics by screen scraping a website and sending the relevant events to the dashboard.
I have multiple graphs in my dashboard, that display various statistics. In the erb file i display all of my graphs (about 17 widgets of graphs... yikes!!!). They all have a data-row and data-col value for initial placement, however the point of this dashboard is that different users and drag the graph widget they want and display it it whatever order that is applicable to them, however when i try to move these graph widgets around the dashboard to show pertinent graphs, the hotness loses its magic and does not show up with color anymore, on the next update. I think it is because it relies on the default row and col values.
Do you have any ideas on this?