In Elasticsearch version 7.3.0 and later, the time series data visualizer is now referred to as TSVB instead of Time Series Visual Builder.

TSVB comes with these types of visualizations:

Time Series

A histogram visualization that supports area, line, bar, and steps along with multiple y-axis.

Metric

A metric that displays the latest number in a data series.

Top N

A horizontal bar chart where the y-axis is based on a series of metrics, and the x-axis is the latest value in the series.

Gauge

A single value gauge visualization based on the latest value in a series.

Markdown

Edit the data using using Markdown text and Mustache template syntax.

Table

Display data from multiple time series by defining the field group to show in the rows, and the columns of data to display.

To create a TSVB visualization, choose the data series you want to display, then choose how you want to display the data. The options available are dependent on the visualization.

Configure the data series

To create a single metric, add multiple data series with multiple aggregations.

1. Select the visualization type.

2. Specify the data series labels and colors.

   1. In the Label field, enter a name for the data series, which is used on legends and titles.

      For series that are grouped by a term, you can specify a mustache variable of to substitute the term.

   3. To add another data series, click +, then repeat the steps to specify the labels and colors.

3. Specify the data series metrics.

   1. Select Metrics.
   2. From the dropdown lists, choose your options.

   3. To add another metric, click +.

      When you add more than one metric, the last metric value is displayed, which is indicated by the eye icon.

1. To specify the format and display options, select Options.

2. To specify how to group or split the data, choose an option from the Group by drop down list.

   By default, the data series are grouped by everything.

Configure the panel

Change the data that you want to display and choose the style options for the panel.

1. Select Panel options.
2. Under Style, specify how you want the visualization to look.

Add annotations

If you are using the Time Series visualization, add annotation data sources.

1. Select Annotations.
2. Click Add data source, then specify the options.

Enter Markdown text

Edit the source for the Markdown visualization.

1. Select Markdown.
2. In the editor, enter enter your Markdown text, then press Enter.

3. To insert the mustache template variable into the editor, click the variable name.

   The uses the Handlebar.js processor, which is an extended version of the Mustache template language.

Style Markdown text

Style your Markdown visualization using .

1. Select Markdown.
2. Select Panel options.

3. Enter styling rules in Custom CSS section

   Less in TSVB does not support custom plugins or inline JavaScript.

• Get Started with Elasticsearch: Video