Design a Dashboard to Visualize the Data

Note: To visualize data stored in AnythingDB you will first need to create an App (an App is a set of permissions needed to ensure that the access to data is secure and that the user is authorized to perform the request).
  1. Click Access Control > Apps and create a new App by following these steps.
    Figure 1.
  2. Add a policy for your App and save it. For this example, you can allow all the sections and resources of your application to read, create, update and delete.
    Figure 2.
    Note: The Application Client ID and Client Secret are required to configure the New Workbook in the Real time Visualization module. Be sure to capture and save this information.
    Figure 3.


    If you click to reset your Client Secret, you can save it in the Secrets Storage section under Space Settings and access it later.
    Figure 4.


  3. Click Real Time Visualization > Workbooks to create visualizations to understand your data.
    Workbooks contain the following sections:
    • My Workspace: Dashboards developed by you
    • Users: Dashboards other users have shared with you
    Figure 5.


  4. Click New Workbook, name it and click Create.
    Figure 6.


  5. Choose the type of Data Table you want to add. Use Altair IoT Studio to retrieve the data stored in AnythingDB.
  6. Enter the following:
    • Client ID: from the app created earlier
    • Client Secret: from the app created earlier
    • Grant Type: type of app created earlier. Here we use client_credentials.
    • Scope: from the app created- thing
    • URL: to make the request.
      • To retrieve the properties history of a Thing
        https://api.swx.altairone.com/spaces/YourSpaceID/things/YourThingUID/properties-history
    • Record path: Choose data
    Figure 7.


  7. Click Generate Columns, and then click Refresh Preview.
    The columns are populated and the requested data is displayed.
  8. Click Save.
  9. Click Back to return to the Edit Dashboard view.
  10. 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 8.


  11. Select the Visualization mode and configure it using the Visualization settings. Detailed information regarding Data Tables is available from the Panopticon Designer documentation.