0

IDEAS: DASHBOARD BLOCK SUGGESTIONS
Moderators: adafruit_support_bill, adafruit

Forum rules
If you're posting code, please make sure your code does not include your Adafruit IO Active Key or WiFi network credentials.
Please be positive and constructive with your questions and comments.

Re: IDEAS: DASHBOARD BLOCK SUGGESTIONS

by trackseven on Tue Aug 13, 2019 8:40 pm

PaulRowntree wrote:A Gauge that had safe, warning and danger zones. From Google charts
Google gauge.png



Yess please add these for computer monitoring projects

trackseven
 
Posts: 8
Joined: Mon Aug 12, 2019 4:21 pm

Re: IDEAS: DASHBOARD BLOCK SUGGESTIONS

by trackseven on Tue Aug 13, 2019 8:52 pm

How in this tutorial did they get these symbols

https://learn.adafruit.com/adafruit-io- ... ython-code
Attachments
microcontrollers_IO_-_Environmental_Monitor-dash.png
microcontrollers_IO_-_Environmental_Monitor-dash.png (50.88 KiB) Viewed 880 times

trackseven
 
Posts: 8
Joined: Mon Aug 12, 2019 4:21 pm

Re: IDEAS: DASHBOARD BLOCK SUGGESTIONS

by trackseven on Tue Aug 13, 2019 8:55 pm

I got the regular symbols for a project i just finished

https://io.adafruit.com/trackseven/dashboards/bmp388
Attachments
bmp388iodash.jpg
bmp388iodash.jpg (103.62 KiB) Viewed 880 times

trackseven
 
Posts: 8
Joined: Mon Aug 12, 2019 4:21 pm

Re: IDEAS: DASHBOARD BLOCK SUGGESTIONS

by jwcooper on Fri Aug 23, 2019 3:49 pm

trackseven wrote:How in this tutorial did they get these symbols

https://learn.adafruit.com/adafruit-io- ... ython-code


They are the "Icon" block types. You can find them when creating a new block for your dashboard.

jwcooper
 
Posts: 670
Joined: Tue May 01, 2012 9:08 pm

Re: IDEAS: DASHBOARD BLOCK SUGGESTIONS

by wsquared58 on Fri Aug 23, 2019 5:18 pm

This is more of an enhancement to the line chart block,

1) No matter what a point is set to, as far as scale (0psi - 10 psi), the X axis minimum and maximum represent 0% - 100% of the configured scale, so dissimilar points should show up even if they are completely dissimilar such as temperature and pressure. For example, BME280 Temp indicates 70F, I set scale to 40F min & 100F max and Barometric Pressure indicates 29.5"Hg (I've done unit conversions in the python code) and I set 27" Hg Min and 32"Hg Max and I put them on same line chart block they should both be visible. They are both inside of their respective min and max scales.

2) Clicking on the temperature line puts temperature X-axis in focus and presents those units. Clicking on pressure line changes focus and X-axis scale changes to pressure units.
Across the board no matter what the point is, as long as it falls within the bounds of its configured X min and X max, it should be visible, even if every point is a dissimilar sensor or unit of measure.

wsquared58
 
Posts: 151
Joined: Sun Jun 09, 2019 9:13 pm

Re: IDEAS: DASHBOARD BLOCK SUGGESTIONS

by namangarg on Sat Sep 07, 2019 6:35 am

hello guys,


ideas dashboard block suggestions are as follow

rules for better dashboard design. ...
Chose the right representation for the data. ...
Clear and consistent naming convention, Consistent date formatting, Truncate large values. ...
Define the layout. ...
Use building blocks with consistent structure. ...
Double your margins. ...
Don't hide information.

thanks and regards

namangarg
 
Posts: 1
Joined: Sat Sep 07, 2019 6:29 am

Re: IDEAS: DASHBOARD BLOCK SUGGESTIONS

by ixqprint on Wed Oct 23, 2019 11:05 pm

PaulRowntree wrote:LED indicator that cannot be altered from the dashboard.
I imagine a disk or graphic that is red or green according to the state (0/1? "true"/"false"? "t"/"f"?) of a feed. I want to see the hazard conditions in a room, and the only source of information should come from the room sensors, not the dashboard.

Isn't double insurance better?

ixqprint
 
Posts: 1
Joined: Thu Oct 17, 2019 8:23 pm

Re: IDEAS: DASHBOARD BLOCK SUGGESTIONS

by MathMiller on Sat Oct 26, 2019 11:07 am

It's better for sure

MathMiller
 
Posts: 2
Joined: Thu Oct 24, 2019 7:43 am

Re: IDEAS: DASHBOARD BLOCK SUGGESTIONS

by wsquared58 on Mon Nov 11, 2019 5:15 pm

Can you create a visible high and low limit line on the trend block. Similar to high and low alerts that you can set on the gauge block.

wsquared58
 
Posts: 151
Joined: Sun Jun 09, 2019 9:13 pm

Re: IDEAS: DASHBOARD BLOCK SUGGESTIONS

by DevilWAH on Wed Dec 04, 2019 12:13 pm

I would like the "text" block to be able to have some logic to it.

In my code I often use numerical values to hold things like "day of week" 1 = monday, 2 = tuesday etc

Now I could of course add a few lines in the code to convert back to the string value and send this but it would be nice if with in the text block I could say

if feed = 1 then display "Monday", if feed = 2 display "tuesday"

I can do this with triggers, but it will require an extra feed,

Capture.PNG
Capture.PNG (17.16 KiB) Viewed 99 times


If not directly in the text Block, then to be able to create a "conversion" block that is hidden where you can create a simple logical process to take the current value in a feed and apply simple logic function to it.

Then any block can use the output of this as its input I know this is kind of like the method i used the triggers for, but with this idea it would not require another feed, it would just have a "current" value that is calculate when ever it is called but the "parent" block.

In this was you could create simple alarms, responses, etc and if the logic is just IF AND OR logic and allows any feed to be used as an input. IT would allow values in multiple feeds to be used.

DevilWAH
 
Posts: 11
Joined: Mon Dec 02, 2019 5:06 pm

Re: IDEAS: DASHBOARD BLOCK SUGGESTIONS

by cstanke on Mon Dec 09, 2019 1:25 pm

Service Block Idea:

"Get Dominant Image Color"

This could be a service block where the work happens on the server-side and the result is provided by the block. For instance, a program (Arduino or CircuitPython) could hand off an image URL to the service and the service will return a color (or a few color choices) in your choice of format (RGB, HSL, HEX, etc...).

It could work well for something like the PyPortal where you're showing an image on the TFT display and want the NeoPixel to shine in a dominant color from the image—such as with the NASA Image of the Day example.

There are several examples of getting dominant colors from images online. A couple of them are Vibrant.js and Color Thief.

The block could allow for some preference configs like "avoid all black or all white" or a palette choice (like with Vibrant.js). Or, as stated above, it could return a small selection of colors (Like the Vibrant.js example).

This is a good service block idea because the work of getting dominant colors from an image might be a little tough for an IoT device but should be easy work for a service.

cstanke
 
Posts: 51
Joined: Thu Jul 10, 2014 8:18 pm

Re: IDEAS: DASHBOARD BLOCK SUGGESTIONS

by DevilWAH on Thu Dec 12, 2019 10:34 am

cstanke wrote:Service Block Idea:

"Get Dominant Image Color"

This could be a service block where the work happens on the server-side and the result is provided by the block. For instance, a program (Arduino or CircuitPython) could hand off an image URL to the service and the service will return a color (or a few color choices) in your choice of format (RGB, HSL, HEX, etc...).

It could work well for something like the PyPortal where you're showing an image on the TFT display and want the NeoPixel to shine in a dominant color from the image—such as with the NASA Image of the Day example.

There are several examples of getting dominant colors from images online. A couple of them are Vibrant.js and Color Thief.

The block could allow for some preference configs like "avoid all black or all white" or a palette choice (like with Vibrant.js). Or, as stated above, it could return a small selection of colors (Like the Vibrant.js example).

This is a good service block idea because the work of getting dominant colors from an image might be a little tough for an IoT device but should be easy work for a service.


How about the ability to create blocks where you can use simple Python code, take a feed value as an input argument and provide a single value output that can be represented on the dash board. So in this case you provide the code for the block that determines the dominant colour.

DevilWAH
 
Posts: 11
Joined: Mon Dec 02, 2019 5:06 pm

Re: IDEAS: DASHBOARD BLOCK SUGGESTIONS

by fruity_pebbles on Fri Dec 13, 2019 4:52 pm

Line chart with two independent Y axes. This is so you can do something like plot temperature and humidity on the same chart, with independent scaling of the two sets of values. For example, temperatures range 70-80 and humidity ranges 40-50; if you plot them on the same Y axis the two lines get squished, and you have a lot of empty space.

fruity_pebbles
 
Posts: 8
Joined: Tue Dec 14, 2010 11:59 pm
Location: Katy, TX

Please be positive and constructive with your questions and comments.


cron