User-friendly controls – building web and mobile dashboards

After uploading the code to the device, it’s time to set up a dashboard for web and mobile to visualize the data with different widgets. The following screenshot shows a visualization of light controls with different widgets.

Figure 10.11 – Thing dashboard

We have three core functionalities of WS2812, which include RGB color, brightness, and the on/off switch. In the previous section, we created three different cloud variables, which provide different functionalities. That’s why here we have three different widget controls, which only work with these cloud variables. The first widget is Colored Light, which is linked to the tableLight cloud variable and capable of performing all of the operations on the WS2812, such as color change, brightness control, and switching it on and off.

Next, we have two more controls with limited functionalities. The second widget is...