---
title: Working with custom dashboards
summary: null
url: >-
  https://www.fastly.com/documentation/guides/observability/observability-dashboards/working-with-custom-dashboards
---

From the [Observability](https://www.fastly.com/documentation/guides/observability/about-the-observability-pages/) pages, you can access custom dashboards with relevant metrics for a service.

## Before you begin

Be sure you know how to [access the web interface controls](https://www.fastly.com/documentation/guides/getting-started/navigating-fastly/about-the-web-interface-controls) and understand basic information about the [Observability pages](https://www.fastly.com/documentation/guides/observability/about-the-observability-pages/) before learning about custom dashboards.

## Limitations and considerations

Keep the following things in mind:

- Only users assigned the role of [superuser or engineer](https://www.fastly.com/documentation/guides/account-info/user-and-account-management/about-user-roles-and-permissions) can edit custom dashboards, but all account users will be able to view them.
- You are limited to 100 custom dashboards per account.
- By default, you can add and view metrics for [Historic Stats](https://www.fastly.com/documentation/reference/api/metrics-stats/historical-stats/) in custom dashboards. To add and view metrics for Origin Inspector and Domain Inspector in custom dashboards, you must purchase an [Observability package](https://docs.fastly.com/products/product-observability).

## Accessing custom dashboards

To access and view a custom dashboard, follow these steps:

1.   Log in to the [Fastly control panel](https://manage.fastly.com).

2. Go to **Observability** in the navigation sidebar.
3. Click **Custom dashboards**.
4. Click the linked name of the custom dashboard you want to view.

## About the controls on Custom dashboard pages

On the each custom dashboard page, you can refine the metrics displayed and gain more information by:

- using the menu below the dashboard name to change the timeframe.
- hovering over any part of a graph to access a timestamp indicator that updates as you move the cursor.
- clicking the button at the bottom of a card to access information related to the metric.

For additional details about all the controls on the custom dashboard pages, check out our guide to the [Observability controls](https://www.fastly.com/documentation/guides/observability/about-the-observability-pages/#about-the-controls-on-the-observability-pages).

## Working with custom dashboards

From the Custom dashboards page, you can [create](https://www.fastly.com/documentation/guides/observability/observability-dashboards/working-with-custom-dashboards#creating-a-custom-dashboard), [clone](https://www.fastly.com/documentation/guides/observability/observability-dashboards/working-with-custom-dashboards#cloning-a-custom-dashboard), [share](https://www.fastly.com/documentation/guides/observability/observability-dashboards/working-with-custom-dashboards#sharing-a-custom-dashboard), and [delete](https://www.fastly.com/documentation/guides/observability/observability-dashboards/working-with-custom-dashboards#deleting-a-custom-dashboard) custom dashboards.

### Creating a custom dashboard

To create a custom dashboard, follow these steps:

1. On the **Custom dashboards** page, click **Create dashboard**.
2. In the **Dashboard Name** field, enter the name of your custom dashboard.
3. Click **Save**. The new custom dashboard appears, empty and ready to have [charts added](https://www.fastly.com/documentation/guides/observability/observability-dashboards/working-with-custom-dashboards#adding-a-chart-to-a-custom-dashboard) to it.

### Cloning a custom dashboard

To clone an existing custom dashboard, follow these steps:

1. On the **Custom dashboards** page, click **Create dashboard**.
2. In the **Dashboard Name** field, enter the name of your custom dashboard.
3. Click **Clone**.
4. From the **Clone from** menu, select the existing dashboard you want to clone.
5. Click **Save**. The new custom dashboard appears, duplicating all existing charts from the original dashboard.

### Deleting a custom dashboard

Custom dashboards can be deleted individually and in bulk as follows:

- To delete a specific custom dashboard from the Custom Dashboards page, click the trash <span class="inline-icons"><img src="/img/icons/trash.png" alt="Trash icon" /></span> to the right of the dashboard name.
- To delete multiple custom dashboards from the Custom Dashboards page, select the checkbox to the left of each dashboard you plan to delete and then click the **Delete** button above the list of custom dashboards.
- To delete a custom dashboard while viewing that specific dashboard, select **Delete dashboard** from the **Options** menu and click **Delete** on the confirmation window that appears.

### Sharing a custom dashboard

To share a custom dashboard, follow these steps:

1. Navigate to the dashboard that you want to share.
2. Click **Options** and then select **Copy link**. The link is saved to your computer's clipboard.
3. Manually share the link outside of the Fastly app.

To access a shared dashboard, you must have the appropriate permissions.

## Working with custom dashboard charts

You can surface relevant metrics on custom dashboards by [adding charts](https://www.fastly.com/documentation/guides/observability/observability-dashboards/working-with-custom-dashboards#adding-a-chart-to-a-custom-dashboard) that highlight meaningful data and [deleting existing charts](https://www.fastly.com/documentation/guides/observability/observability-dashboards/working-with-custom-dashboards#deleting-a-chart-from-a-custom-dashboard) that aren't needed anymore.

### Adding a chart to a custom dashboard

To add a chart to a custom dashboard, follow these steps:

1. Navigate to the custom dashboard that you want to add a chart to.

2. Click **Options** and then select **Edit dashboard**.

3. Click **Add Chart**.

   ![configuring an Observability chart](/img/observability-create-chart.png)

4. Fill out the Add Chart fields as follows:

   - In the **Title** field, enter the name of the chart.
   - In the **Subtitle** field, enter a brief description of the chart.
   - From the **Data Source** menu, select a data pipeline. Data pipeline options include [Historic Stats](https://www.fastly.com/documentation/reference/api/metrics-stats/historical-stats/), [Original Inspector](https://www.fastly.com/documentation/reference/api/metrics-stats/origin-inspector/), and [Domain Inspector](https://www.fastly.com/documentation/reference/api/metrics-stats/domain-inspector/).
   - From the **Metrics** menu, select the type of data the chart should report.
   - From the **Type** menu, select an option to control how the data is displayed.
   - From the **Calculation Method** menu, select the single metric the chart should report. This field only appears when the Type field is set to Donut or Number.
   - From the **Size** menu, select an option to control the width of the chart.

   A preview of the chart appears next to the form as you enter information and make selections.

5. Click **Save**. The chart is added to the dashboard.

6. Click **Exit Edit Mode** to return to view mode for the dashboard.

### Rearranging charts on custom dashboards

To rearrange the charts on a custom dashboard, click and hold on any chart you want to move using your mouse, then drag it to the desired location and release the button.

### Deleting a chart from a custom dashboard

To delete a chart from a custom dashboard, follow the steps below:

1. Navigate to the custom dashboard that you want to add a chart to.
2. Click **Options** and then select **Edit dashboard**.
3. Click the trash <span class="inline-icons"><img src="/img/icons/trash.png" alt="Trash icon" /></span> to the right of the chart that you want to delete. The chart is removed from the dashboard.
4. Click **Exit Edit Mode** to return to view mode for the dashboard.

## What's next

Dig deeper into details about all areas of the [web interface](/guides/getting-started/navigating-fastly) before you move on to [working with services](/guides/getting-started/services/about-services).
