---
title: "Time Series Visualization"
slug: "time-series-visualization"
updated: 2023-01-05T23:20:20Z
published: 2023-01-05T23:20:20Z
canonical: "docs.catchpoint.com/time-series-visualization"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.catchpoint.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Time Series Visualization

The Time Series Visualization displays data from your tests or RUM Apps. It presents the data in the form of a line graph showing how the metrics have varied during the widget timeframe. In this example, web page connect time is plotted for the previous 24 hours.

![Time_Series\\_-\\_basic_example.png](https://cdn.document360.io/cb4af8f9-6751-4fd2-b39c-07aae832badb/Images/Documentation/4403190771725-Time_Series_-_basic_example.png)

This example breaks out the data by city:

![Time_Series\\_-\\_breakout_example.png](https://cdn.document360.io/cb4af8f9-6751-4fd2-b39c-07aae832badb/Images/Documentation/4403190787213-Time_Series_-_breakout_example.png)

<span comment-hotspot="chrc1621444388860" comment-content="[{&amp;quot;userId&amp;quot;:&amp;quot;b1e3340746b84b69892e80696d812956&amp;quot;,&amp;quot;datetime&amp;quot;:&amp;quot;2021-05-19T17:13:32.107Z&amp;quot;,&amp;quot;text&amp;quot;:&amp;quot;screenshot of time series w multi metric vs time series w metric breakout&amp;quot;}]">**Configuring Time Series Visualization**</span>

1. Set the Visualization type to **"Time Series"**
2. Input up to 10 metrics by inputting their names in the Metrics field or by selecting them via the List feature.
3. For each metric, select the calculation method by clicking its pill and making a selection in the dropdown.
4. Choose a Metric breakout if desired. (only available if using a single Metric.)
5. Select the default timeframe for the widget
6. Select the data interval for the widget. This determines how frequently the data is sampled to render the line graph.
7. Enable Other Timeframes if you want a person viewing the Dashboard to be able to choose a different timeframe than the default, then select which Timeframes you want them to be able to choose from.