Dashboard

How our Dashboard works

Our Dashboard works with the data you set up and get into your flow. You can use both GET and SET variable nodes to use the Dashboard and Flow together. A very simple example would be to create a variable, give that variable a name and use it to match the current hour and write a log based on this.

If you want to see an example of the setup, jump over to our copies.

If you as a company want your logo to appear on your Dashboard. You should do this when you share your Dashboard. There will be a popup where you can select it.

Dashboard Modules

Diagram

The Graph module is used to visualise specified variables.

Detailed Setup Guide

You can define new variables inside the graph itself, but you will still need to use the nodes in Flow to delegate data to the variable. Once the variable is created and receives data, it will be displayed in the dashboard chart it is assigned to. To set this up, we need to pull out a "set variable" node and add the variable to it. Now we need to drag the data we want into the "set variable" node - once this is done it will be displayed in the graph module where it will be visualised as set. There is also the option now to add more variables and switch between line, bar, or stacked bars.

Quick Setup Guide

  1. Go to Dashboard and add the graph.
  2. Go to Flow and add the "set variable" node.
  3. Select / create variable.
  4. Drag the node circle to the variable node.

Show Variables

Show variables and style the data from the variable.

Detailed Setup Guide

You start by adding the module to Dashboarded, after which you can select font-size (text size), postfix (text by variable). At the bottom of the module you can select "colour rules" which are these rules. With Gradient you can "scale" the colours a bit like in Excel. Rules are more "concrete" rules we're talking about - things like "greater than", "greater than or equal to", "equal to" etc.  

Quick Setup Guide

  1. Go to Dashboard and add the Get Variable & style module.
  2. Select Variable.
  3. Adjust as needed.
  4. Add rules as needed.

Toggle Switch

Toggle Switch can switch variables between ON and OFF.

Detailed Setup Guide

We can start by taking out a node in the Flow and give it a name, e.g. "pause" where we can pause a part of the Flow. Then we go back to our Dashboard and take out the toggle module, give it the variable and now the variable in the Flow changes from 0/1 etc. How to do this in the Flow is up to you.

Quick Setup Guide

  1. Go to Dashboard, add the Toggle module.
  2. Click on the toggle module and create variables.
  3. Go to Flow, pull out "get variable" and add the variable.
  4. Connect with the rest of the Flow.

Sliders

Sliders work by dragging a ball back and forth to set a variable. This can be used in several different areas, for example when using a match node. Then you can display in the Dashboard what item no. 67 is based on the slider. It can be set to min and max, as well as an interval for which interval it should be drawn.

Detailed Setup Guide

Start by creating the slider module, where we will add a variable. Next, we need to set various settings that will be used. Set the min and max that the project will use and set the interval.

Quick Setup Guide

  1. Go to Dashboard and create the slider
  2. Add Variable
  3. Set the settings.

Buttons

Button for variables and URL links

Detailed Setup Guide

Start by creating the module in Dashboarded, give/create a variable for it. If you don't already have a variable from Flowet, set a variable inside Flowet with "set variable".

Quick Setup Guide

  1. Go to Dashboard and create the Get Variable module.
  2. Connect Variable inside the Flow with a "Set variable"

Input Field

In the input field module, you can write what "set variable" should be set to.

Detailed Setup Guide

Start by creating the module in Dashboarded - then give it a variable it can change. Then add a "get variable" node in Flow and set it to the same as the input field module.

Quick Setup Guide

  1. Go to Dashboard and create the Input field module.
  2. Give the module a variable.
  3. Take a "Get variable" node and give it the same variable.
  4. Connect with the rest of the Flow.

Log

Show selected logs. 

Detailed Setup Guide

We start by creating a new log under "Logs" at the top. Then we need to drag our Log Module to Dashboarded and connect the Log Module to the log. Then you can choose whether there should be a limit and whether you want to export the log. You can also adjust the size of the log as desired in the bottom right corner. Then we can go into our Flow and Search for log or go under "Logging" and select the node that is best for the project. We'll use "Write to Log" here, after selecting the node we need to change its "log" to the new one we created and write what it should write to our log.

Quick Setup Guide

  1. Go to Logs at the top, create new log.
  2. Go to Dashboard and create the Log module.
  3. In Flow, create a log node.
  4. Set the log node.

Data Table

Data table is one of our "special" modules. It stores the data from a variable and displays it in a table style. This means that the data is displayed in columns or rows, where you can choose to display days on the X axis, hours on the Y axis, minutes, hours, days, weeks and months. You can also set a "postfix" which is something that appears after the variable, e.g. "dkk" You can choose the text size and set up different rules just like with our "Get Variable & Style".

Detailed Setup Guide

Drag the "Set Variable" node into your Flow and create a new variable. Then we need to go back to our Dashboard and create our Data Table module. Now that it's created, we need to specify what the X and Y axis should be for the project, after this is done we need to select our variables and set the rest of the stuff. 

Quick Setup Guide

  1. Create a new variable and connect.
  2. Create the Data Table module and select the variable.
  3. Set up the Data Table settings to suit the project.

Map

In our Map module you can get satellite and road images, where you can set a marker with a variable where a unit is located. You can also use postifx and create different rules for colour shifts. 

It should be said that satellite and road are not always up to date - this makes use of google maps.

Detailed Setup Guide

Create the Map module in your Dashboard, then go into Flows and create/make sure a variable is created and connected that the module can use. Then you can set postfix and rules to suit the project if needed.

Quick Setup Guide

  1. Create the Map Module
  2. Connect Variable
  3. Place marker
  4. Until the module

Image

With our Image module, you can upload any image you want, display a variable over it and give it a clickable link. All according to your needs.

Detailed Setup Guide

Create an Image module. Then select your image and the way it should be in relation to the box. Then you can select a variable and its size, allowing you to choose dynamic colours. Now you can add a link as an on-click event.

Quick Setup Guide

  1. Create the Image Module
  2. Add image
  3. Add variables
  4. Add link