Skip to content

Example 02

Jump to bottom
Magicblocks edited this page Jun 20, 2019 · 1 revision

Example 02:

This experiment will guide you to build up web based dashboard for visualizing analog input values which are coming from your MagicIoT device.

Part list:

● MagicZERO/MagicONE development board-01

● 20K potentiometer-01

● Breadboard-01

● Jumper cables

● 5V power supply-01

Circuit Diagram:

Flow

  1. Go to your Magicblocks.io Playground .

  2. Select INJECT node which is in INPUT Nodes of your Palette and drag it into your flow .

  3. Select ANALOGIN node in Magicblocks Nodes of your palette and drag it into your flow.

  4. Select GAUGE node in Dashboard nodes and drag it to your flow.

  5. Connect three nodes.

  6. Double click on INJECT node and configure it.

Payload: Select type as String from the drop down menu and keep value as empty. Repeat:Select Interval and set delay as you wish.

  1. Configure Analog in node

Name: may be any name Device ID: Copy your device id from Device Manager and place it. Pin:0

  1. Configure Gauge node

Group:click on edit icon, then it redirect to another window and type any word as Name and click on edit button for select a Tab .You can give any name as the Tab name.(if you select previous tab name the gauge widget also will display as a child of the above dashboard which we made for the experiment 01)

Size: auto Type: Gauge Lebel: any name (it will display as the title of the widget)

  1. Click on DEPLOY button

  2. Navigate to your dashboard and examine how values change according to the rotation of the potentiometer

http://magicblocks.io/

Clone this wiki locally