Team Plotly is getting colorful with Dash DAQ! This application controls the colored LED lights in a BlinkStick.
Check out the demo app, and read how we did it below.
The setup required a simple USB connection between the BlinkStick and the USB port of a PC. The BlinkStick API was used to control this piece of hardware.
Before creating this app, we had to import the
Using the BlinkStick API, we open a serial port to communicate with the BlinkStick:
Dash DAQ’s versatile UI components make the app layout a breeze to put together. In this simple block of code, we used BooleanSwitch, PowerButton, and NumericInput components to control multiple parts of the BlinkStick:
Using Dash callbacks, we created a simple system to control and color the lights. We can turn on and pick the color of one specific LED, or all of them. We can select a range of lights with our slider mode, and we also created a rainbow color mode.
Eight Dash DAQ Indicator components simulate the BlinkStick’s LEDs in the app’s GUI. The callback below controls how each Dash DAQ component affects the
color of an indicator component.
bstick.set_color() function turns off an LED on the BlinkStick device.
When the Dash DAQ boolean switch component is turned on, where
True, the Dash DAQ color picker sends an RGB color code contained in a dictionary. An RGB code can be assigned to the
bstick.set_color() to manipulate the color of the physical BlinkStick in real time.
The for-loop allows us to change each LED in the BlinkStick at the same time. The RGB color code is converted to a Hex code and returned to the output ID
color-send. This empty div is used to store the Hex color code, and returned to the Dash DAQ Indicator
color parameter, changing the color of the indicators in GUI.
Turning on the Dash DAQ Boolean rainbow switch sends a preset rainbow spectrum to the GUI and the physical BlinkStick, making use of the
bstick.set_color() function. This callback follows the same methodology of the
all_switch callback, above.
When nothing is selected, the physical BlinkStick is turned off by sending it an RGB color code of (0, 0, 0) or black. The eight indicators on-screen are also turned off.
In order to prevent conflicting control commands, we made many callbacks to disable Dash components unless certain conditions were met. The code below disables other commands when a command is already selected.