Skip to main content
Skip table of contents

Beginners Guide: create your first dashboard

Dashboards using advanced visualization allow users to compare and track various data metrics at a glance, providing a cohesive view of key insights from multiple data sources, etc.

Take a look at how a dashboard is created using our BHT training dashboard as an example.

Step 1 | Create a blank dashboard

  • Go to My Space → Open/create a folder where the dashboard will be placed;

  • Click on the + sign and select Dashboard dash icon.png ;

  • Name a dashboard;

  • Click on the ‘Create’ button.

You can skip this step and create a dashboard during the chart or table export (step 2), but in that case, the dashboard will be saved in the default folder, which is the same as the database folder.

create new dash.gif

Step 2 | Export charts and graphs

  • Open a Database and create a crosstab/chart;

  • Click on Export to Dashboard export to dashboard icon.png icon;

  • Select the newly created dashboard;

  • Click on the Export button.

export to dash for begin.gif
  • In the pop-up window, you can click CREATE NEW DASHBOARD and export a chart to a new dashboard. The created dashboard will be placed in the same folder where the database is located.

create new dash in popup.png

Step 3 | VIEW vs EDIT mode

Our dashboards have two modes: VIEW and EDIT.

Dashboard design settings, widget configuration, and control creation are done in EDIT mode. Control testing and dashboard presentation are done in VIEW mode. All dashboards open in VIEW mode by default. Only those users who have EDIT rights can enter EDIT mode.

edit mode for begin.png

The screen below shows the widget in EDIT mode.

edit mode for begin2.png

To switch between the modes click EDIT or VIEW in the toolbar. If it says VIEW then you are already in EDIT mode and vice versa.

Step 4 | Create controls

Controls play a pivotal role in enhancing the interactivity of your dashboard - it is where you bring data to life. When you create a control, you create a ‘selector’, e.g., buttons, dropdown lists, tick boxes, etc. These allow your users to pick and view different audiences. 

There are many types of controls you can create. In this step, we are going to show you how to make the two most frequently used types of controls: 

  1. Filter: it is an audience through which the whole chart or table is filtered. Examples of commonly used filters are gender, age, region, or income.   

  2. Put on columns or rows: allows you to substitute either the columns or rows of a table or chart with whichever variables are used in the control.

Step 4a | Creating a control as a filter 

To create a control, click thе icon control icon.png top left on the toolbar. You will be redirected to the control editor.

  1. Find the ‘Gender’ variable in the codebook and drag and drop it in the box that says 'Drop Here'. 

  2. In the pop-up box choose ‘As list’

  3. Click the ‘+ Total’ button above to add a total category to the control (e.g. all genders).

  4. In the ‘Look and feel’ section, expand and choose a control type. The default is a dropdown. For a simple control with only a few options, we suggest Buttons or Text.

  5. In Selection Mode, select ‘Single’ so that the ‘Total’ is selected automatically. 

  6. Click the ‘Save control’ button.

step4a.png

To assign a control to a widget (chart), first select it. A control bar will then appear at the top of all charts on the dashboard. On the chart you wish to link, select ‘Filter’.

step4a2.png

Now repeat the same process for the ‘Age’ variable. Follow steps 1–6, but in step 5, select ‘Multiple excl. Total’ to filter the chart by multiple age categories simultaneously.

Read more on how to create controls.

Step 4b | Creating a control where you can choose which rows to show.

You can create a control that allows you to pick and choose which brands you want to see on a chart. First of all, click the ‘Create a new control’ icon.

  1. Drag and drop the ‘Top of mind’ variable to the 'Drop here' zone.

  2. Click ‘As list’.

  3. Let the control type stay ‘Dropdown’.

  4. Change the selection mode to ‘Multiple’.

  5. Tick the checkbox of each brand to switch them on.

  6. Click Save Control. 

step4b.png

While assigning this control to a chart, this time select Put on: Rows. This will populate the rows of the chart with the variables that are in the control. 

step4b2.png

Switch to VIEW mode in the dashboard to see how you can select which ‘Top of mind’ brands you want to see on the chart live.

Step 4c | Creating your first control where you can change the rows (substitute) to other groups of rows.   

There are three brand awareness questions in this database: top of mind, prompted awareness, and unaided awareness. This next step shows you how to take the control that you made in 4B a step further by adding multiple groups of brands that can be used to populate the rows of your chart. 

  1. Expand the ‘Groups’ pane in the control editor interface.

  2. Drag and drop all three awareness questions (TOM, unaided & prompted) to the ‘Groups’ section.

  3. Select Create group per variable (manual).

  4. Let the control type stay ‘Dropdown’.

  5. Change the selection mode to ‘Single’.

  6. Click Save Control.

step4c.png

Remember to switch to VIEW mode if you want to see your controls in action.

You are not limited to awareness questions; you could have groups like websites, TV programmes, newspapers, or holiday destinations.

Step 5 | Dashboard Menu

You can create separate pages - tabs - on dashboards to avoid excessive scrolling. You can create an unlimited number of tabs on any dashboard. The tab hierarchy is organized as a dashboard menu.

You can choose 3 options for displaying the menu on dashboards (together or separately).

  1. Horizontal tabs (all tabs are displayed above the dashboard);

  2. Hamburger menu (tabs are hidden under the hamburger button and are accessed with a click);

  3. Left panel (all tabs are displayed in the pane on the left of the dashboard).

menu options.png

To add tabs: In EDIT mode, go to Dashboard settings → Menu → Add Tab. New tabs are automatically 'hidden', so you can finish your work before making them visible.

add tab.png

Step 6 | Share your dashboard

To share your new dashboard with other users or non-users, go to the top right-hand corner toolbar and select the Share icon.

2024-03-27_17-07-10.png

In the pop-up screen, you have two different sharing options:

Invitation sharing and Public sharing.

2024-03-27_17-09-25.png

Invitation sharing is the most common method for sharing entities in DataTile. The dashboard owner maintains control over its users by granting them individual access. To share this way, enter the user's email address into the pop-up box, select their access level, and click ‘Invite’.

Public sharing allows you to share a dashboard via a public link, without requiring authentication. This means anyone with the link can access the dashboard in VIEW mode. Public links are ideal for openly publishing your data, such as on a website. If you need to secure your data and control access, it’s better to use invitation sharing.

Please, read this article to learn more about sharing entities like databases, charts, and dashboards or understand the different access levels and their associated rights.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.