Dashboard Builder (EAP)

Early Access Program (EAP) feature. The dashboard builder described in this topic is available to participants in the Stellar Cyber Early Access Program. The dashboard functionality is largely the same as in previous releases. What changed is the layout, the design, and the workflow that you use to create and configure dashboards.

The dashboard builder lets you create custom dashboards and configure the widgets on them. You add and arrange widgets directly on the dashboard canvas, and you configure each widget in a panel that opens beside the canvas. You reach the builder from the Dashboards Hub (Dashboards | CREATION | Dashboards). For the landing page that lists and organizes dashboards, see Dashboards Hub (EAP).

This topic covers the following:

View Mode and Edit Mode

When you open a dashboard, it opens in View mode, which presents the widgets and their data as a read-only view. To change the contents or layout of a custom dashboard, select Edit. Use the View | Edit toggle at the top of the dashboard to switch between the two modes.

Edit mode is available only for custom dashboards that you have permission to edit. Predefined dashboards are read-only: you can rearrange and resize their widgets and save a personalized layout, but you cannot add, delete, or configure their widgets.

Creating a Dashboard

To create a custom dashboard:

  1. In the Dashboards Hub, select + Create New | Add New Dashboard.

  2. In the dialog box, enter a Name, choose an individual Tenant or All Tenants depending on whom you want the dashboard to be available for, and enter an optional Description.

    Screen capture of the Add Dashboard dialog box

  3. Select Submit.

    The new dashboard opens in View mode.

  4. Select Edit to activate the Dashboard editing canvas.

    The Dashboard editing canvas and Add widgets panel appear.

    Screen capture of the Dashboard editing canvas

    All dashboards use a standardized 12-column layout. The separate layout options for laptop, monitor, and wide screens that were available in previous releases have been removed.

Adding Widgets

When you add or edit a custom dashboard, the Add widgets panel that appears on the right side of the page has two tabs:

  • Basic—The widget types that you can add to the dashboard.

  • Saved—A searchable library of existing charts that you can reuse, including both predefined and user-created charts.

To add a widget, drag a widget type from the panel onto the canvas to place it where you want it, or select a widget type to add it to the bottom of the dashboard. When you add a widget and select Configure Widget, the configuration panel opens so that you can configure it. For more information, see Configuring a Widget.

Widget Types

The Basic tab provides the following widget types. The set of widget types is the same as in previous releases, with two renamed: the text box is now the Section Header, and the area chart is now the Line chart. To configure a widget after you add it, see Configuring a Widget.

  • Section Header—A text label that groups widgets visually. Use it to add a heading and to organize a dashboard into sections.

  • Counter—A single key metric value. Use it to show one important number at a glance, such as the total count of critical alerts.

  • Line—A trend over time. Use it to show how a value changes across a time range, such as alert volume over the last 24 hours.

  • Donut—A proportional distribution. Use it to show how parts contribute to a whole, such as the share of alerts by severity. You can toggle a donut chart to a pie chart and back.

  • Bar—A comparison of categories. Use it to compare a metric across categories, such as the number of alerts by data source.

  • Heatmap—A geographic distribution. Use it to see where activity concentrates on a map, such as the source locations of alerts.

  • Table—Detailed data rows. Use it to list individual records in sortable columns, such as a list of security alerts.

Configuring a Widget

You add and configure every widget in the same way. Only the parameters differ by widget type. To add and configure a widget on a dashboard that is open in Edit mode, do the following steps:

  1. To add a widget, drag it from the Add widgets panel to the position you want it to occupy on the dashboard, or click or tap it to add it to the bottom of the dashboard and reposition it later.

  2. Select Configure Widget on the widget that you added.

    The Chart Configuration panel opens on the right side of the page.

  3. Configure the parameters for the widget.

    The parameters depend on the widget type. Expand the section below for the widget that you added.

  4. After you set the parameters, select Refresh Preview to update the preview with your changes.

  5. When you are ready to apply the configuration to the widget, select Submit.

When you add a widget that displays data, it opens with a default configuration—the Alerts index over the last 24 hours—so the widget shows results right away and you can see how it looks before you tailor it to the data you want. Because the Query is empty by default, the widget includes all records in the selected indices for the current time range.

To discard your changes and return a widget to its last saved state, select Reset.

Predefined chart widgets are read-only, so the Configure Widget action is not available for them.

Expand the section for the widget type that you are configuring:

Arranging Widgets

Widgets are placed on a 12-column grid. To move a widget, drag it by the handle at the top of the widget. To resize a widget, drag its edges or corners. Each widget type has a minimum and a maximum size, so you cannot resize a widget below or above those limits. The grid compacts automatically to remove empty space.

Screen capture showing the action icons on a dashboard widget

When you hover your cursor over a widget, icons appear for the following actions:

  • Reposition—Select the three horizontal dots at the top of a widget and drag it to a new position on the dashboard canvas.

  • Configure—Select the gear icon to open the configuration panel for the widget. This action is available in Edit mode for custom dashboards.

  • Delete—Select the three vertical dots in the top right corner to delete the widget and remove it from the dashboard, with confirmation.

  • Resize—Select the diagnoal double-headed arrows in the lower left and right corners of the widget to resize it.

Working with a Widget

In View mode, you can interact with a widget in the following ways:

  • To open a widget in a full-screen view with detailed data, select Drilldown.

    In the expanded view, you can adjust how the data is presented without reconfiguring the widget. You can change the number of results (for example, Top 5, Top 10, or Top 20), change the metric, or switch the chart type.

  • To filter every widget on the dashboard by a value, right-click that value in a predefined chart, such as a bar, donut, line, or heatmap chart, and select Filter In to include it or Filter Out to exclude it. The value is added to the global filter, and all widgets on the dashboard update to match.

    You can tell which charts support filtering by their type and origin. Filtering is built into many predefined charts — for example, approximately 240 bar charts and 170 donut charts support it. It is not available on counters (which show a single value), section headers, or tables, which provide their own column-level filtering instead, nor on custom charts that you build or on certain predefined report dashboards, such as license and usage reports.

  • To hide a segment from a chart that has a legend, such as a donut or bar chart, select the corresponding entry in the legend. This removes the corresponding segment from the chart. Select the legend entry again to restore the segment. A hidden entry appears dimmed in the legend. This changes only how the chart displays and does not filter the other widgets on the dashboard.

    Screen captures showing how to select legend entries to remove and recover segments from a chart

Saving a Dashboard

While you edit a dashboard, an indicator shows that the dashboard has unsaved changes. Use the following actions to manage those changes:

  • Save—Saves the dashboard and returns it to View mode.

  • Cancel—Discards all unsaved changes on the dashboard. Stellar Cyber asks you to confirm before it discards the changes.

  • Save As—Creates a new dashboard from the current one under a different name. If the current dashboard has unsaved changes, Stellar Cyber prompts you to save or discard them first.

Other Dashboard Actions

From the dashboard toolbar, you can also perform the following actions, depending on your permissions:

  • Refresh—Reloads the data for all widgets on the dashboard.

  • Chart Colors—Opens the Chart Colors panel, where you choose a color palette for all charts on the dashboard. The available palettes are Stellar (the default), Spectrum, Ocean, Emerald, Sunset, and Neutral. To apply the selected palette to every dashboard, select Apply to all dashboards. Select Apply to save the palette.

    Screen capture showing the color palette for dashboards

  • Clone—Creates an editable custom copy of a predefined or custom dashboard.

  • Share—Shares a custom dashboard with users, tenants, or tenant groups. For the procedure and the access rules, see Configuring Object-Level Sharing and Access Control.

  • Export—Exports the dashboard. Select one of the following: Export as PDF to export a PDF document, Export as PDF & CSV to export both a PDF document and the underlying data as CSV, or Export as Configuration to export a configuration file that you can import on another instance.

  • Delete—Removes a custom dashboard, with confirmation. Stellar Cyber blocks the deletion if a scheduled report references the dashboard.

To set the time range or apply filters on a dashboard, see Working with Dashboards.