IMPORTANT: No additional bug fixes or documentation updates will be released for this version. For the latest information, see the current release documentation.
« Discover your data Add visualizations to a dashboard »
Elastic Docs ›Kibana Guide [7.4] ›Get started ›Build your own dashboard

Visualize your data

edit

Visualize your data

edit

In the Visualize application, you can shape your data using a variety of charts, tables, and maps, and more. In this tutorial, you’ll create four visualizations:

Pie chart

edit

You’ll use the pie chart to gain insight into the account balances in the bank account data.

  1. Open Visualize to show the overview page.

  2. Click Create new visualization. You’ll see all the visualization types in Kibana.

    tutorial visualize wizard step 1
  3. Click Pie.

  4. In Choose a source, select the ba* index pattern.

    Initially, the pie contains a single "slice." That’s because the default search matched all documents.

    To specify which slices to display in the pie, you use an Elasticsearch bucket aggregation. This aggregation sorts the documents that match your search criteria into different categories. You’ll use a bucket aggregation to establish multiple ranges of account balances and find out how many accounts fall into each range.

  5. In the Buckets pane, click Add > Split slices.

    1. In the Aggregation dropdown, select Range.
    2. In the Field dropdown, select balance.
    3. Click Add range four times to bring the total number of ranges to six.

    4. Define the following ranges:

      0             999
1000         2999
3000         6999
7000        14999
15000       30999
31000       50000

  6. Click Apply changes apply changes button.

    Now you can see what proportion of the 1000 accounts fall into each balance range.

    tutorial visualize pie 2

  7. Add another bucket aggregation that looks at the ages of the account holders.

    1. At the bottom of the Buckets pane, click Add.
    2. For sub-bucket type, select Split slices.
    3. In the Sub aggregation dropdown, select Terms.
    4. In the Field dropdown, select age.

  8. Click Apply changes apply changes button.

    Now you can see the break down of the ages of the account holders, displayed in a ring around the balance ranges.

    tutorial visualize pie 3
  9. To save this chart so you can use it later, click Save in the top menu bar and enter Pie Example.

Bar chart

edit

You’ll use a bar chart to look at the Shakespeare data set and compare the number of speaking parts in the plays.

  1. Create a Vertical Bar chart and set the search source to shakes*.

    Initially, the chart is a single bar that shows the total count of documents that match the default wildcard query.

  2. Show the number of speaking parts per play along the Y-axis.

    1. In the Metrics pane, expand Y-axis.
    2. Set Aggregation to Unique Count.
    3. Set Field to speaker.
    4. In the Custom label box, enter Speaking Parts.
  3. Click Apply changes apply changes button.

  4. Show the plays along the X-axis.

    1. In the Buckets pane, click Add > X-axis.
    2. Set Aggregation to Terms.
    3. Set Field to play_name.
    4. To list plays alphabetically, in the Order dropdown, select Ascending.
    5. Give the axis a custom label, Play Name.

  5. Click Apply changes apply changes button.

    tutorial visualize bar 1.5

  6. Save this chart with the name Bar Example.

    Hovering over a bar shows a tooltip with the number of speaking parts for that play.

    Notice how the individual play names show up as whole phrases, instead of broken into individual words. This is the result of the mapping you did at the beginning of the tutorial, when you marked the play_name field as not analyzed.

Markdown

edit

Create a Markdown widget to add formatted text to your dashboard.

  1. Create a Markdown visualization.

  2. Copy the following text into the text box.

    # This is a tutorial dashboard!
The Markdown widget uses **markdown** syntax.
> Blockquotes in Markdown use the > character.

  3. Click Apply changes apply changes button.

    The Markdown renders in the preview pane.

    tutorial visualize md 2
  4. Save this visualization with the name Markdown Example.

Map

edit

Using Elastic Maps, you can visualize geographic information in the log file sample data.

  1. Click Maps in the New Visualization menu to create a Map.

  2. Set the time.

    1. In the time filter, click Show dates.
    2. Click the start date, then Absolute.
    3. Set the Start date to May 18, 2015.
    4. In the time filter, click now, then Absolute.
    5. Set the End date to May 20, 2015.
    6. Click Update

  3. Map the geo coordinates from the log files.

    1. Click Add layer.
    2. Click the Grid aggregation data source.
    3. Set Index pattern to logstash.
    4. Click the Add layer button.

  4. Set the layer style.

    1. For Fill color, select the yellow to red color ramp.
    2. For Border color, select white.

    3. Click Save & close.

      The map now looks like this:

      tutorial visualize map 2
  5. Navigate the map by clicking and dragging. Use the controls on the left to zoom the map and set filters.
  6. Save this map with the name Map Example.
« Discover your data Add visualizations to a dashboard »