# Viewing Charts

This guide explains how to view your organization’s charts in a dashboard-style screen, so you can quickly see all your favorite metrics and core statistics in your account, which update in real-time.

The **Chart Views** feature uses a grid system that allows you to organize your saved charts into a layout that suits you. Drag and drop charts into the grid area, and resize them as you wish. You may also view your charts in presenter mode (full screen), making it ideal for display in a network operations center.

## Viewing Your Charts

1. Navigate to **Connected Devices > Data Views > Chart Views** from the side navigation.

   * Your screen opens to show a **Create new Chart View** button and links to any saved chart views, detailing how many charts the view contains.

   ![](https://1112912342-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4QARF6s57qxMrOHDTZ%2Fuploads%2Fgit-blob-3c5dd3d6c3b22a43f01db383ced66b4190ceea01%2Fchart-views_1.png?alt=media\&token=5dd1596b-df10-4d20-89b2-f659c483dd80)
2. Click **Create new dashboard**.

   * Your presets display in the left-hand sidebar.

   ![](https://1112912342-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4QARF6s57qxMrOHDTZ%2Fuploads%2Fgit-blob-932b10ceb544657c51026fe49ebfa1735ed537d5%2Fchart-views_2.png?alt=media\&token=4d1810b2-1176-4e20-8320-ca9b39f3c47a)
3. To add a single preset chart to your dashboard, click and drag the preset into the center of the screen.

   * The chart appears in the viewing pane.

   ![](https://1112912342-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4QARF6s57qxMrOHDTZ%2Fuploads%2Fgit-blob-0b55ac4cb0ff97ea6f8159b86ac16d1df5d7001e%2Fchart-views_3.png?alt=media\&token=0c460e10-85d3-45cf-aebe-ad27d5a8619f)
4. Click **Save**.
5. Name your chart view, then click **Save** again.

   ![](https://1112912342-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4QARF6s57qxMrOHDTZ%2Fuploads%2Fgit-blob-efec37173ef80e7743fa9c177bf9b09cf79ebcb2%2Fchart-views_4.png?alt=media\&token=152f210b-b027-4eb7-b4f5-5774c20c6f7f)

   * Your chart view is now built and is in **View/Edit** mode.

   ![](https://1112912342-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4QARF6s57qxMrOHDTZ%2Fuploads%2Fgit-blob-afc84ff8e0613fcbd1ee7a0b65ab4af2b655b2af%2Fchart-views_5.png?alt=media\&token=cf467808-7970-499b-9119-18ee25078e61)
6. To add additional preset charts, click **Edit**.
7. Drag any additional preset charts to an edge of the chart you have already added. When hovered over an edge, a gray bar appears with a “+” to indicate this is where you can drop your new chart. Your cursor shows the name of the chart you are adding. The edge you choose is the position the new chart will take up. For example, if you drop the new chart at the edge on the right, the new chart will appear to the right of the old chart; if you drop it at the top edge, it will appear above the old chart.

   * **Note**: if you drop the new chart over the center of the old chart, instead of on one of its gray edges, it will replace the old chart rather than sit alongside it.

   ![](https://1112912342-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4QARF6s57qxMrOHDTZ%2Fuploads%2Fgit-blob-ee50cdcfd4e46c06930dc95315fff8edab3f28f3%2Fchart-views_6.png?alt=media\&token=ac022bb9-27b3-4831-bdb0-498f8dd225aa)

   ![](https://1112912342-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4QARF6s57qxMrOHDTZ%2Fuploads%2Fgit-blob-f06f90fe8bd8ff6bd888866447347ebdedc3bb8e%2Fchart-views_7.png?alt=media\&token=aa1c769e-9353-41fe-b06c-eea1081f9524)
8. To move a chart to a different area of your screen, click and drag your preset to the side you want it placed, noting that the gray edges again appear for you to drop your chart into. Click **Save**.

   ![](https://1112912342-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4QARF6s57qxMrOHDTZ%2Fuploads%2Fgit-blob-48303282de405d821a6dde6403ec177a5f341d61%2Fchart-views_8.png?alt=media\&token=cff339e4-2c11-483f-8388-d3acd0a94b09)

## Organization-Wide Chart Views

Create chart views that you can share between your whole organization.

**Note**: Presets that show a padlock icon are only visible to you.

1. Create your chart (see [Configuring Charts](https://docs.thousandeyes.com/product-documentation/connected-devices/usage-guides/configuring-charts) for information about building charts).
2. Click **Save Preset** below your chart.

   ![](https://1112912342-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4QARF6s57qxMrOHDTZ%2Fuploads%2Fgit-blob-434ab77c3f3f74d4b5897646ba98e7a658c2ad65%2Fchart-views_9.png?alt=media\&token=a9a453e6-7274-4831-90d0-e767858a7688)
3. In the resulting pop-up, give your preset a name and select **Visible to Organization**.

   * This means that anyone in your organization can modify, delete, and/or see your chart.
   * You can also add **Tags** to your preset charts to help order and find them more easily. For example, you might create a tag for charts that apply to Client A and a tag for charts that apply to Client B.

   ![](https://1112912342-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4QARF6s57qxMrOHDTZ%2Fuploads%2Fgit-blob-a9567864a7435dc63a34b6c3dc48ab50cddf1910%2Fchart-views_10.png?alt=media\&token=5e9e9a72-50ca-41be-bb04-7cceb69bbf91)
4. Click **Save Preset**.
   * Once saved, your screen returns to your chart.
5. To view information about your preset, under the chart header, click **Preset Info**.

   * From this screen, you can also edit your tags.

   ![](https://1112912342-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4QARF6s57qxMrOHDTZ%2Fuploads%2Fgit-blob-3bc4b9cf2629a113af9c880cfe8e621d56e8a81e%2Fchart-views_11.png?alt=media\&token=19936215-cc88-48e8-9285-6d6b6cca8421)
6. To add your preset to a chart view, go back to **Connected Devices > Data Views > Chart Views**.
7. Either create a new chart view or click an existing one.
8. You will see your new preset in the list of available presets to add to your chart view (note that it does not display a padlock since it is visible to your whole organization). Follow the instructions in [**Viewing Your Charts**](#viewing-your-charts) to add it to your chart view.

   ![](https://1112912342-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4QARF6s57qxMrOHDTZ%2Fuploads%2Fgit-blob-6aed0bef98218a182e831f94d6c2a3b702eb2e0d%2Fchart-views_12.png?alt=media\&token=512ff762-771d-44e2-b237-a75966ed912c)

## Investigating Alerts with Pre-Filtered Views

When you click the **view more on Connected Devices** link from an active alert, you are taken directly to the Analytics module. However, instead of seeing your default dashboard, you will see a **pre-filtered view** designed specifically for investigating that alert.

This view is automatically configured with the following context to help you start your root cause analysis immediately:

* **Time Range:** The chart is anchored to the time the alert was triggered, so you can see the data leading up to and during the event.
* **Metrics:** The chart displays only the specific metric(s) that breached the alert threshold (such as, Latency or Packet Loss).
* **Agents:** If the alert affected fewer than 500 agents, the view is filtered to show data only from those specific devices.

You can modify this view by adding other metrics or changing the time range, just as you would with any other chart. However, these initial filters are set to provide the most relevant data for the specific alert you are investigating.

To learn more about using Alerts with Connected Devices, see [Alerts for Connected Devices](https://docs.thousandeyes.com/product-documentation/connected-devices/connected-devices-alerts).
