Time series visualization example

  • Release version: Yokohama
  • Updated January 30, 2025
  • 4 minutes to read
    • Summarize
    Summarized using AI
    This content was generated using new OpenAI-powered functionality. Results are provided on an as is basis and are not guaranteed to be accurate or complete.

    Summary of Time series visualization example

    This example guides ServiceNow customers through creating and enhancing a time series visualization to track incident data over time. Starting with the indicator "Number of open incidents," the process evolves to add complexity such as showing trends, breaking down data by priority, and comparing multiple indicators in one visualization.

    Show full answer Show less

    Key Features

    • Creating a Time Series Visualization: Begin by selecting the "Number of open incidents" indicator from suggested data sources, leveraging the default line chart, which is the standard visualization for indicators over time.
    • Date Range Configuration: Use the Configuration panel to set the date range to "Show maximum range," ensuring the visualization displays all available data.
    • Additional Settings: Access KPI Details options to configure targets, thresholds, and display trends to provide more insight into data trajectories.
    • Grouping Data: Break down the open incidents by priority through the "Group by" section, which creates separate lines per priority level but disables some additional settings like trend display.
    • Comparing Multiple Indicators: Add the "Number of new incidents" indicator to the same visualization for side-by-side comparison, initially using the same visualization type.
    • Customizing Visualization Types per Metric: Change visualization types individually for each metric (e.g., columns for open incidents, lines for new incidents) to improve readability and clarity when multiple data sources are present.
    • Legend Customization: Adjust the legend width to fully display priority labels, enhancing interpretability for viewers.

    Key Outcomes

    • Enables clear visualization of incident trends and priority breakdowns over time.
    • Facilitates comparison between different incident indicators in a single chart.
    • Improves dashboard usability by allowing tailored visualization types per metric and enhanced legend readability.
    • Supports saving the finalized visualization to personal dashboards or the shared Data Visualizations library for team use, subject to user roles.

    Time series visualizations show the changes in data over time. This example starts with a single indicator data source and adds more complexity.

    In this example you start wanting to show the change in the number of open incidents over time. Then you want to show the trend, and then the number of open incidents broken down by priority. Finally you want to compare the number of open incidents against the number of new incidents.

    1. First you search for Data Visualizations in the Unified Navigation and select New.
      Opening Data Visualizations in the Platform Analytics library and selecting New.
    2. In the empty new data visualization, you select Add data source.
      The Add Data Source button in the middle of a new data visualization.
    3. You want to use the indicator Number of open incidents. Fortunately, this indicator has been used before and is listed under the Suggested data sources, saving you the trouble of searching for it. You can tell that Number of open incidents is an indicator data source because of the little column-and-trend icon next to it.
      The Number of Open Incidents indicator in the Add Data Source modal.
    4. You return to the visualization and see that the Line type has been selected by default. Line is the most common type of time series, and a time series is the usual visualization for an indicator. You also have an open Configuration panel for this data visualization, next to the line chart. The chart changes in real time as you configure the visualization.
      The new line visualization for the Number of open incidents.
    5. The data presentation doesn't look so great, because you only created the indicator on January 11. Fortunately, the Configuration panel has a Date range section where you can trim the dates that are shown. In this case, you select Show maximum range, and it shows all the dates for which there are data, but only those dates.
      Setting the date range.
    6. You would also like to see what more information you can give about this data, so you expand the Additional settings section. For indicators, these settings are the same as the KPI Details chart options. For more information, seeChart options in KPI Details under the KPI Details documentation. If you have the necessary roles, you can set targets and thresholds for an indicator in KPI Details.
      Additional settings for a time series with a single data source and no Group By value.
    7. You decide to show the data trend, to give the viewer an idea of where the indicators were heading before the Christmas break.
      Line visualization showing trend.
    8. Now you have a new task, which is to duplicate this data visualization but split up the number of incidents into groups according to their priority. You group data on a time series visualization in the Group by section of the Configuration panel. So you expand that section and discover that there is already a Priority breakdown for the Number of open incidents indicator. You select that breakdown.
      Setting the indicator scores to be grouped by Priority.
    9. You get a separate line for every Group by value. Here you see that you can no longer show the trend. If you expand the Additional settings section in the Configuration panel again, you see that no extra information besides the forecast can be shown now that you have set a Group by value.
      Line visualization with Group by values.
    10. Now you have an additional requirement, which is to display the Number of new incidents indicator in the same visualization, for comparison. To show this indicator, you expand the Data section in the Configuration panel and select + Add data source under Data sources.
      Adding an additional data source.
    11. Then you search for the Number of new incidents indicator and add it.
      Selecting the Number of new incidents indicator.
      The result is a new line in your visualization for the Number of new incidents.
      Line visualization with 2 data sources, one of which is broken down by group.
    12. You find this difficult to read and aren't sure that this is the best visualization to use. After reading Time series visualization type use cases, you decide to change the visualization to a column display.
      Changing visualization type to column.
    13. This is certainly an improvement, but you think you could do better still.
      Column visualization with two data sources.
    14. Fortunately, you can set different visualization types for different metrics. You go to the Metrics tiles and expand the menu under the visualization type icon for Number of new incidents. Here you choose the Line visualization again. You can only do this if you have more than one metric.
      Selecting visualization type for a second metric.
    15. You also have the option to set different Y-axes for Number of open incidents and Number of new incidents, through the More options menu on each Metric tile. However, the scales for the two data sources are not different enough for this to help.
      Option to add a second Y axis for the Number of new incidents.
    16. The visualization is still a little busy, but a viewer can point their cursor to a column and see the breakdown of scores for that date.
      Data details on a selected column
    17. The last thing you do is to make the legends more readable. Right now the entries are truncated before a viewer could see what each priority actually is. So you try expanding the legend item width to 300px.
      Expanded visualization legend item width.
    18. That's it! You save the visualization, which is ready for you to add to dashboards. If you have the right roles, you can save the visualization in the Data Visualizations library for other dashboard designers to use.
      Option to add a saved data visualization to a dashboard from the Visualization Designer.

      Your new data visualization on a dashboard.