Skip to content
On this page

Insights

Insights is a Module in Directus that allows rapid, no-code build-out of analytics dashboards. Regardless of your use-case (be it business intelligence, user progress tracking, web traffic conversions, or whatever!) you will be able to setup key data metrics in just a few clicks.

How it Works

First, create a Dashboard, then fill the Dashboard with Panels.

  1. Click the "Create Dashboard" action button add in the page header.
  2. Fill in the dashboard name, icon and note.
  3. Click "Save".
  4. Click the edit icon in the page header.
  5. Hit the "Create Panel" add in the page header.
  6. Select a Panel type. Learn More about panel types.
  7. Adjust the Panel Options to customize the analytics metric.
  8. Click check in the drawer header to create the panel.
  9. Click check in the page header to confirm all edits.

Dashboards Overview

Dashboard Grid Area

Each Directus Dashboard provides a drag-and-drop canvas where you can create and arrange different Panels to easily build out customized analytics. The Dashboard area automatically expands as you add more and more Panels. In theory, a Dashboard area can expand infinitely large... but in practice, users will probably only want to build Dashboards as large as the screen they will be viewing on. You are able to create as many Dashboards as you need. Additionally, the Dashboard view, edit, and create permissions are fully configurable by User Role.

Auto Refresh

The Auto Refresh menu in the Sidebar lets you select an interval to refresh dashboard data.

Create, Edit, and Delete Dashboards

How to Add, Edit and Delete Dashboards in Directus Insights

  1. Click the add icon in the page header to create a new Dashboard.
  2. Click the item option to edit or delete a Dashboard.

Panels Overview

Directus Dashboard Panels

Panels are the building-blocks we add onto Insights dashboards to create, save and display data analytics. There are five types of Panels, and each one provides some unique analytics tool.

  1. Label – Displays simple header text to describe other groups of panels. Doesn't actually provide data analysis.
  2. List – Sortable, filterable list of items within a collection.
  3. Metric – Sortable, filterable single-number metrics like sum, average, minimum and maximum, or first and last.
  4. Time Series – Graph to display how metrics change over time. Provides same sorting, filtering and aggregation features seen in the list and metric panels.
  5. Global Variables — Sets a variable which is globally accessible across other panels.

Panel Header Options

Panel Header Options

All 4 panel types let you set custom text to provide quick and clear context about what a Panel represents. Panel Header options are exactly the same for all four Panel types. Headers are also totally optional and can be hidden.

  • Visible – Determines if the header is visible or not.
  • Name – Sets a name in the header area.
  • Icon – Sets a small icon by the name.
  • Color – Sets a color for the icon.
  • Note – Sets a short description of the icon.

Labels

Label Panel Options

As the name implies, this panel simply allows you to label a group of other panels. Labels do not provide analytics. Labels simply help visually group the other panels (which do provide analytics) and give context to your dashboard.

  • Label – Sets the label text.
  • Color – Sets the label text color.

Lists

List Panel Options

List panels display some number of Items from a Collection, as a list! These Items displayed can be filtered by other criteria as well. So for example, you could show your top 5 selling products, 3 worst performing sales regions, 10 students with the highest GPA that are also in intramural sports, or create any other kind of ranked and/or filtered list that could be generated from your dataset.

  • Collection – Selects the Collection to rank.
  • Limit – Limits the number of Items that will appear in the Dashboard.
  • Sort Field – Sets the Collection Field you wish to order results by.
  • Sort Direction – Sets Items to display in ascending or descending order.
  • Display Template – Defines how List Items will be represented. Allows use of Field Item values as well as custom text.
  • Filter – Sets filters to only consider and rank Items that meet some criteria.

Metrics

Metrics Panel Options

Metrics Panels allow you to aggregate all Items in a Field down to a single value.

  • Collection – Selects the Collection.
  • Field – Selects the Field to run aggregate function on.
  • Aggregate Function – Selects the type of aggregate to perform.
  • Sort Field – Sets the collection field you wish to order results by.
  • Filter – Sets filters to only run metrics on Items that meet some criteria.

More on Aggregate Functions

Generally speaking, aggregate functions take a list of values and returns one single value.

  • Count – Counts the number of Items in a Field.
  • Count (Distinct) – Counts the number of unique Items in a field.
  • Average – Averages values of all Items in a Field.
  • Average (Distinct) – Averages values of all unique Items in a Field.
  • Sum – Sums the values of all Items in a Field.
  • Sum (Distinct) – Sums the values of all unique Items in a Field.
  • Minimum – Selects the lowest valued Item in a Field.
  • Maximum – Selects the highest valued Item in a Field.
  • First – Selects the first Item out of all Items in a Field.
  • Last – Selects the last Item out of all Items in a Field.

First, Last, Minimum and Maximum

First, Last, Minimum and Maximum are not aggregates in the purely mathematical sense of the word. However, they are placed in this panel option because they return one single Item.

Why are some Fields grayed out?

Certain Fields cannot be used with certain aggregate functions. For example, you cannot use the average function on Fields that store text, because text cannot be averaged. When there is a conflict between panel options, Fields will be grayed out and unselectable in the field dropdown list.

Style and Format Options

  • Abbreviate Value – Abbreviates large numbers with a letter (e.g. 2,000 = 2K).
  • Decimals – Changes the number of decimals displayed.
  • Prefix – Adds text before the aggregate metric.
  • Suffix – Adds text after the aggregate metric.
  • Conditional Styles – Changes color of number displayed if it is >, >=, <, <=, ==, or != to some defined value.

Time Series

Time Series Panel Options

The Time Series Panel allows you to build graphs and see how data changes over time.

  • Collection – Selects the Collection you want to analyze.
  • Color – Sets color of your graph curve.
  • Group Aggregation – Selects the type of aggregation to perform. Learn more.
  • Group Precision – Sets the time interval to aggregate by (days, weeks, months, etc.).
  • Date Field – Selects the datetime Field used along the x-axis.
  • Date Range – Sets the time range from which data should be displayed, can be customized.
  • Value Field – Sets the Field you wish to aggregate.
  • Value Decimals – Changes the number of decimals displayed on the y-axis.
  • Min Value – Sets minimum value displayed on y-axis.
  • Max Value – Sets maximum value displayed on y-axis.
  • Curve Type – Sets curve to be shown as smooth, straight or stepline.
  • Fill Type – Sets fill type under curve to gradient, solid, or none.
  • Filter – Allows filtering of Items considered for analysis based on logical conditions.
  • Show X-axis – Toggles display of time along X-axis.
  • Show Y-axis – Toggles display of numeric values along Y-axis.

Time-oriented metrics only

In order to use this Panel, your Collection will need a datetime Field.

Custom Date Range

Note that Past is not prefixed to a custom range as it is on the default ranges. When selecting "Other", simply type in 3 years, 1 month, 2 weeks, 5 days, etc.

Global Variable

Global Variables

  • Variable Key — Sets your variable. Use this key to access the variable in other Insights panels.
  • Type — Sets the data type of your variable.
  • Default Value — Sets a default value for the global variable.
  • Interface — Selects the Interface to be used.
  • Options — Sets the Interface Options.

This panel allows you to create a variable which is globally accessible across other panels. You can use this to do things like create a string or number to prefix other Insights Panel titles or pass it as a value into a Filter to query results.

To create and assign a Global Variable, follow the steps from How it Works, selecting the Global Variable panel. Wrap the variable key in double-moustache syntax to access and assign it throughout other Insights Panels:

{{ your_variable_key }}

You will notice that the Global Variable Panel is an interface in the Dashboard, allowing you to modify the value of this variable. If you change its value, all panels referencing the variable will update automatically.

Must be Valid Data Type

Your variable's data type will need to be a valid match to wherever you are using it. For example, do not apply a string or JSON variable in a place that requires Datetime data.