Visualize your data to the next level with the Level Widget

Terence Anton Dela Fuente
Meeo
Published in
3 min readMay 8, 2017
Now you will know whether your plant needs watering! 🤘

Having problems with your Plant Monitoring System in terms of visualizing data? If the sensor data can be expressed as a percentage, then the Location Widget is the perfect component for you!

HOLD YOUR HORSES! To get started with your first awesome project with this widget, start off by reading the Introduction. You’ll understand what Meeo is all about. If you already read it, then let us proceed 🤘.

If you have chosen to add this awesome widget from the Widget Menu, you can give a specific name to your widget by typing on the “Name” field. You do not need to type anything on the “Channel” field for now because anything you type on the “Name” field is reflected on the “Channel” field (everything is in small caps and each word is separated with a dash sign “-”). If you really want to have a specific channel for your widget, then you can type the channel name you want. In case you are wondering what is the difference between the “Name” and “Channel” field, the first field lets you give a cool name to your widget. The second field is used as a channel for your devices to subscribe to or to publish data on. If you are happy with the name of your widget, you can now click/press the “Save” button.

“Garden Soil Moisture” has been suggested as a name for your Level Widget

Level Widget Information

In order for your device to connect to your widget, you need to know the widget’s information. To access this, each widget has an “Option” icon on the top right corner. Click/press the icon and you will see the Widget Information Box as shown on the image below:

Widget Information Box

The Widget Information Box holds the most important information of a widget; the topic. If you would notice, the topic is separated by a “/”. The phrase on the left is called the namespace while the phrase on the right is called the channel (remember the “Channel” field?). You should take note of these because it is needed by the Meeo Arduino Library.

Level Widget Data

By looking at the circle on the Level Widget, you can already deduce what the sensor data means. If you are concerned that the sensor data is too high or too low, the visual cues on the Level Widget can already show you that. As an example, the image below shows what the Level Widget looks like when you first add the widget. You will notice that the circle is color-filled in black. If the circle is mostly color-filled with black, then the sensor data is low.

If you see that the circle is mostly black, then the sensor data is low

The image below shows what the Level Widget will look like if you send the data “100”. The circle is color-filled with orange. If the circle is mostly color-filled with orange, this means that the sensor data is high.

If you see that the circle is mostly orange, then the sensor data is high

The Level Widget is designed to visualize data that can be represented as a percentage. This means that you can only send real numbers as valid data. By the default, the widget supports values from 0 to 100 , but it can automatically adjust the maximum and minimum values. Below are the sample valid data:

  • 0
  • 100
  • 225
  • -10.26

Level-up your sensor data display game!

With this new found knowledge about the Level Widget, making a Plant Monitoring System has never been this easy! It’s time to level-up your projects!

--

--

Terence Anton Dela Fuente
Meeo
Editor for

Co-founder and CTO at Circuitrocks | Tinkerer at ❤