Create a Dashboard Using the MQTT Connector

This connector enables you to retrieve the data stored in AnythingDB.

  1. Enter a name for the Workbook and click Create.
    Figure 1. Create a Dashboard
  2. Create a Data Table by clicking the + icon.
    Data tables define the queries and source data repository definitions, in order to retrieve data.
    Figure 2. Add Data Table
  3. Under Data Table Settings, enter a title and click the check mark to save it. Enter a description, if desired.
    Figure 3. Enter Data Table Settings
  4. With Data Sources highlighted, under Streaming, select MQTT.
    Figure 4. Select MQTT
  5. Enter the following:
    The information related to the Mqtt settings can be found here.
    • Name
    • Broker URL: tcp://mqtt.swx.altairone.com:1883
    • Topic: spaces/{Your Space name}/categories/{Your category}/things/{ThingID}/data
    • User Id: From the thing interfaces MQTT Username
    • Password: From the thing interfaces MQTT Password
    • Load Type
    • File
    • Topic Level Separator
    • Message Type
    • Decimal Separator
    • Record Path
    Figure 5. Plugin Settings
  6. Click Generate Columns and select your Thing's Properties that appears below "Temperature" in the example.
    Figure 6. Generate Columns
    Note: In order to generate columns, the data must be in delivery.
  7. Select [Automatic Time Id] to add a timing column relative to the Properties values.
    Figure 7. Real time settings
    Note: You must click Start Preview to start previewing your data.
    Figure 8. Data preview
  8. Enable Transform to enable time series analysis.
    Figure 9. Transform settings
    After enabling the time series analysis and clicking on Start preview, an oscillation ICON will appear.
    Figure 10. Data preview
  9. Click Save.
  10. Click Back to return to the Edit Dashboard view.
    Figure 11. Dashboard view
  11. On the blank canvas (right half section), sketch a simple square by clicking and dragging on the blank interface.
    This enables the Visualization menu.
    Figure 12. Visualization menu
  12. Select the Visualization mode and configure it using the Visualization settings.
    Tip: Detailed information regarding Data Tables is available from the Panopticon Designer documentation.
  13. For this example, choose Line graph in the Timeseries Visualizations.
    Figure 13. Timeseries Visualizations
  14. Drag and drop the temperature property to the Y axis.


    Figure 14. Drag and drop properties to the chosen axis
    You will start visualizing the data received from your property in the function of time.


    Figure 15.
    Note: Detailed information regarding Data Tables is available from the Panopticon Designer documentation.