VuNet Docs

Configuration > Dashboard Creation

Dashboard Creation

A dashboard is a collection of panels organized in rows. Each panel is a visualization unit with its own data query editor. This editor is tailored to the panel’s chosen data source, helping you create the right visualizations.

Dashboards make it easy to build the perfect view. You can create queries, adjust visuals, and craft the ideal dashboard. Every panel can pull data from any configured source. However, dashboard snapshots are fixed. Changes to queries won’t update snapshot data since snapshots can’t re-run queries. For instance, if you wish to gain insights into your business journey, you can create a dashboard that incorporates various panels to offer comprehensive observability into the business journey.

Dashboard Home

The Dashboard home screen looks like this after you log in.

Create a Dashboard

To create a new Dashboard, follow these steps:

Open the left navigation menu, go to the top left, and click on Dashboards.

You will be redirected to the following page.

  1. Click on New -> New Dashboard.

  1. On clicking you will be directed to the following page. Now, click on the Add visualization.

Now select the Data source.

This is the Default Screen that appears when you start creating a new dashboard.

It is divided into 3 sections:

  1. Visualization
  2. Visualization Options
  3. Query

Visualization

The visualization settings allow you to configure the graph visual settings. You can control the graph display and change its properties.

The graph view options include:

  1. Table view: On or Off.
  2. Graph resolution: Fill or Actual.
  3. Time range selection: Select the time range.
  4. Time range zoom out: Click to zoom out from the time range.
  5. Refresh graph: Click to refresh the graph.

Visualization options

Change the graph visual settings. It depends on the type of visualization selected and the options change based on that.

Query

The data source that you add to get the graph output.

Query

Query Selection

Before exploring visualization options, choose a query as your data source. The query defines what data you’ll work with. You can configure and visualize this data through the query settings. You can select multiple queries for visualization.

Metric and Grouping

  1. Metric: The data to be represented on the y-axis.
  2. Group By: The parameter for the x-axis.

Metric Options

For any query selected, one has to choose a Metric. It is based on the parameter you want to visualize on the y-axis such as count, average, sum, max, etc.

The following are the different types of metric aggregations that can be used as the value on the y-axis.

  • Count
  • Average
  • Sum
  • Max
  • Min
  • Extended Stats
  • Percentiles
  • Unique
  • Raw Document
  • Raw Data
  • Logs

You can add multiple metrics by clicking the + sign and selecting the type.

Repeat the same for more metrics that you want to add.

Grouping Options

Choose a Group By parameter. This categorizes data on the x-axis. Common examples are time intervals, like days, months, etc. You can use aggregation types like terms, filters, geo hash grid, date histogram, and histogram. The chosen field and interval define this grouping.

The following are the most commonly used bucket aggregation types:

  • TermsThe data is represented by the terms applied.
  • Filters: The data is represented as per the filters applied.
  • Geo Hash Grid: The data is represented on the scale of geo hash grid coordinates.
  • Date Histogram: The data is represented on the scale of time.
  • Histogram: The data is represented on the scale of a histogram.

The Field and Interval are selected based on the Group By option.

Now the field and interval can be time.

Similar to multiple metrics, you can have multiple buckets too.

Let’s say you want to see the CPU usage in multiple time settings. It could be in terms of normal time and CPU start time.

Click on the +Query button.

Multiple Queries and Configurations

You can add more queries, keeping the same metric but changing the “Group By” option. This helps you compare different aspects of your data. You can also create custom labels for metrics and groups.

Dashboard Settings

Dashboard Settings: The dashboard settings section provides control over various parameters, including:

  1. General Dashboard Setting: Customize the dashboard’s name, description, tags, folder location, and editing permissions.
    • Time Options: Adjust the dashboard’s timezone, browser time, auto-refresh settings, and more.
    • Panel Options: Fine-tune tooltip behavior and hover highlighting across panels.
  1. Annotations Dashboard Settings: Learn how to add annotation queries that retrieve event data for visualization within graph panels, enhancing the integration of events into your graphs.
  2. Variables Dashboard Settings: Discover how to create interactive dashboards using variables, replacing static values in queries with dynamic dropdown selections.
  3. Links Dashboard Settings: Effortlessly navigate between related content by placing links to other dashboards and websites below your dashboard’s header.
  4. JSON Model Dashboard Settings: Explore the JSON model of your dashboard, containing metadata, properties, panel details, and queries.

Dashboard Options

Managing and configuring dashboards involves various options, as outlined below:

  1. Dashboards: Browse and perform actions like listing, deleting, creating folders, importing, and more on your dashboards.
  2. Playlists: Create playlists with different dashboard settings.
  3. Snapshots: View dashboard snapshots.
  4. Library panels: Access library panels.

When it comes to grouping dashboards, you have two options: you can group them by folders for organized management or group them individually. Additionally, you can choose to sort your dashboards alphabetically, either in ascending order (A-Z) or descending order (Z-A).

Moreover, you can easily manage your dashboards by deleting any unwanted ones – simply select a dashboard and click “Delete.” To make modifications and add notes for future reference, click on a dashboard to edit it further.

When it comes to editing dashboards, you have several options at your disposal. You can enhance your dashboard by adding more panels, saving any modifications you make, accessing dashboard-specific settings, defining the time range, manually refreshing the dashboard, and switching between various dashboard views, including full-screen mode. With the auto-refresh option, you can manually refresh your dashboard at any time or set a refresh interval for regular updates.

Dashboard Filters

Dashboard Filters and Variables 

Dashboard Filters help you refine data in your dashboards based on specific criteria, making it easy to focus on particular data subsets, compare information, and tailor views to your needs. For example, you can use them to analyze the performance of a specific application or network device.

Variables in dashboards are dynamic tools that act as placeholders for values in queries and titles. They allow you to create dynamic filters, adjusting data based on the chosen variable value. For instance, you can filter CPU usage data for a specific server using a variable like “$server_name.”

Variable Types:

  1. Query Variables: Populate dropdown lists with values from data sources, allowing dynamic data refinement.
  2. Custom Variables: Manually define variables with specific values for tailored data display.
  3. Text Box Variables: Enable free-form text input for precise data filtering.
  4. Ad-Hoc Variables: Allow on-the-fly interactive filtering without pre-configuration.

Creating Dashboard Filters  is user-friendly:

  1. Select your dashboard.
  2. Go to Dashboard Settings > Variables > Add variable.
  3. Click +New variable to create a filter.
  4. Fill in details, including name, type, and options.
  5. Click Apply to add the filter to your dashboard, enhancing its interactivity and data refinement.

Downloading and View the Data Statistics

Downloading Data Statistics Made Easy

With vuSmartMaps, getting comprehensive data statistics is a breeze. Sometimes, you need detailed data and stats in a tabular format alongside your graphs. Here’s how to do it:

  1. In the “Edit Dashboard” section, click on “Query Inspector.”
  2. You’ll see options like “Data” (total data units), “Stats” (request time and query count), and more.
  3. Go to “Data” and click “Download CSV.”
  4. Your data, based on the chosen Metric and Group by properties, will be downloaded in CSV format, ready for your analysis and use.

To save your dashboard, simply click “Save” in the top right corner, give it a name, and optionally choose a folder – your saved dashboard will then be ready to use.

Further Reading

Configure the Dashboard Settings

Learn more about Dashboard Option

Resources

Browse through our resources to learn how you can accelerate digital transformation within your organisation.

Unveiling our all powerful Internet and Mobile Banking Observability Experience Center. Click Here