Dashboard Studio: Level-Up Your App with Dashboard Studio

Platform Lizzy Li

Dashboards are a powerful tool for communicating a lot of information at once. Many Splunk apps are packaged with dashboards to help you make the most of your data. For example, the Microsoft 365 App for Splunk comes with a number of dashboards to provide insights around usage, incidents, and more.

Classic SimpleXML

Here's the M365 Overview dashboard, built with Classic SimpleXML.

This dashboard provides a great overview of the Microsoft 365 suite of applications, but as you can see, the panel layouts are fairly rigid. This leads to wasted empty space under the OneDrive column chart, and around the various application icons. In general, the dashboard looks blocky and the colors are dull.

Dashboard Studio

In the most recent version of the Microsoft 365 App for Splunk, version 3.3.0, you'll notice a handful of new dashboards built with Dashboard Studio. Dashboard Studio provides native support for pixel-perfect layouts, shapes and text boxes, images and more. Let's take a deeper look at how the refreshed Microsoft 365 dashboard takes advantage of all these Dashboard Studio capabilities.

Pixel-perfect Layout

Note how the Microsoft 365 dashboard groups and layers multiple donut charts and single values in the top right section "M365 Usage & Adoption". Not only are single values included inside the donut chart to represent usage percentages, but single values are also placed below the donut chart legends to show the actual count for each category.

Shapes and Text Boxes

This dashboard also heavily leverages shapes and text boxes to visually indicate which metrics and charts are closely related, or not. There are dark rectangles with rounded corners behind each of the charts, which help to provide contrast from the background as well as group relevant metrics together, such as the high level KPIs in the "Summary" box. Text boxes are used throughout the dashboard to provide labels, titles, and additional context.

Images

Images can be used in a variety of ways to put some polish to your dashboard. Background images provide more interesting backgrounds than the standard light or dark theme. Even if they are just a subtle pattern or gradient, they make a huge difference! Images can also be used for logos and company branding, as you can see with the Splunk logo in the top right corner.

Below is another example of a new Studio dashboard, the Defender 365 Overview dashboard.

In this dashboard, you can see more examples of how grouping and overlaying visualizations together provides more context for the information displayed. For example, under "Incident Disposition Stats" on the left, you can see the larger single values represent the count of incidents by category, and the smaller single values represent the percentage. This helps the end user to more quickly gain an understanding of the current status.

Flexible layout options mean that more space can be allocated for visualizations that require it, like the bar graph in the bottom right.

Level-Up Your App with Dashboard Studio

If you want to level-up the dashboards in your app as well, here are a few things to keep in mind as you get started:

Resources to Get Started with Dashboard Studio

If you're new to Dashboard Studio, here are some resources to get you started:

Related Articles

Data Preparation Made Easy: SPL2 for Edge Processor
Platform
8 Minute Read

Data Preparation Made Easy: SPL2 for Edge Processor

Announcing the General Availability of the SPL2 Profile for Edge Processor, containing the specific subset of powerful SPL2 commands and functions that can be used to control and transform data behavior within Edge Processor.
Introducing Splunk Operator for Kubernetes 2.0
Platform
2 Minute Read

Introducing Splunk Operator for Kubernetes 2.0

Learn about the newest features in the evolution of our Splunk Operator App Framework.
Bringing You Context-Driven, In-Product Guidance
Platform
1 Minute Read

Bringing You Context-Driven, In-Product Guidance

Splunk is providing in-product guidance right at your fingertips to help you accomplish your goals without navigating away from the product. Learn more in this blog post.