Practitioner Level

Creating Option List and Range Slider Controls in Kibana 7.6

Pricing
1.5 hours
  • 3 Learning Objectives

About this Hands-on Lab

Using Kibana Query Language (KQL) or even Kibana’s built in filtering interface are both great and powerful ways to narrow down your datasets in order to quickly find what you are looking for. But what if you could create customized filtering menus and sliders for common filtering terms and value ranges? With option list and range slider controls in Kibana, you have the ability to craft your own filtering mechanisms to be used with Kibana dashboards. In this hands-on lab, you will create option list and range slider control visualizations to provide purpose built and intuitive filtering mechanisms to a Kibana dashboard.

Learning Objectives

Successfully complete this lab by achieving the following learning objectives:

Create and Add the Client OS Controller Visualization to the Logs Dashboard
  1. Create a new controls visualization.
  2. Create an options list for the logs index pattern and label it as Client OS.
  3. Set the field to machine.os.keyword with multiselect and dynamic options enabled.
  4. Configure the visualization to use the time filter when determining available options.
  5. Save the visualization as "Client OS Controller".
  6. Add the visualization to the Logs dashboard.
Create and Add the Products Controller Visualization to the eCommerce Dashboard
  1. Create a new controls visualization.
  2. Create an options list for the ecommerce index pattern and label it as Product Category.
  3. Set the field for the Product Category options list to category.keyword with multiselect and dynamic options enabled.
  4. Create a range slider for the ecommerce index pattern and label it as Product Price.
  5. Set the field for the Product Price range slider to products.price with a step size of 1 and 0 decimal places.
  6. Configure the visualization to use the time filter when determining available options and slider ranges.
  7. Save the visualization as "Products Controller".
  8. Add the visualization to the eCommerce dashboard.
Create and Add the Flights Controller Visualization to the Flights Dashboard
  1. Create a new controls visualization.
  2. Create an options list for the flights index pattern and label it as Carrier.
  3. Set the field for the Carrier options list to Carrier with multiselect and dynamic options enabled.
  4. Create an options list for the flights index pattern and label it as Flight.
  5. Set the field for the Flight options list to FlightNum with multiselect and dynamic options enabled.
  6. Set the Carrier options list to have parental control of the Flight options list.
  7. Create an options list for the flights index pattern and label it as Origin Airport.
  8. Set the field for the Origin Airport options list to OriginAirportID with multiselect and dynamic options enabled.
  9. Create an options list for the flights index pattern and label it as Destination Airport.
  10. Set the field for the Destination Airport options list to DestAirportID with multiselect and dynamic options enabled.
  11. Create a range slider for the flights index pattern and label it as Flight Time (Minutes).
  12. Set the field for the Flight Time (Minutes) range slider to FlightTimeMin with a step size of 1 and 0 decimal places.
  13. Configure the visualization to update Kibana filters on each change.
  14. Configure the visualization to use the time filter when determining available options and slider ranges.
  15. Save the visualization as "Flights Controller".
  16. Add the visualization to the Flights dashboard.
Contact SalesSee Pricing

Additional Resources

You work as a data visualization specialist for a data analysis company. You have been tasked with creating the following controls visualizations in Kibana to be added to their respective dashboards to improve dashboard usability:

Client OS Controller

  • Create an options list for the logs index pattern and label it as Client OS.
  • Set the field to machine.os.keyword with multiselect and dynamic options enabled.
  • Configure the visualization to use the time filter when determining available options.
  • Add the visualization to the Logs dashboard.

Products Controller

  • Create an options list for the ecommerce index pattern and label it as Product Category.
  • Set the field for the Product Category options list to category.keyword with multiselect and dynamic options enabled.
  • Create a range slider for the ecommerce index pattern and label it as Product Price.
  • Set the field for the Product Price range slider to products.price with a step size of 1 and 0 decimal places.
  • Configure the visualization to use the time filter when determining available options and slider ranges.
  • Add the visualization to the eCommerce dashboard.

Flights Controller

  • Create an options list for the flights index pattern and label it as Carrier.
  • Set the field for the Carrier options list to Carrier with multiselect and dynamic options enabled.
  • Create an options list for the flights index pattern and label it as Flight.
  • Set the field for the Flight options list to FlightNum with multiselect and dynamic options enabled.
  • Set the Carrier options list to have parental control of the Flight options list.
  • Create an options list for the flights index pattern and label it as Origin Airport.
  • Set the field for the Origin Airport options list to OriginAirportID with multiselect and dynamic options enabled.
  • Create an options list for the flights index pattern and label it as Destination Airport.
  • Set the field for the Destination Airport options list to DestAirportID with multiselect and dynamic options enabled.
  • Create a range slider for the flights index pattern and label it as Flight Time (Minutes).
  • Set the field for the Flight Time (Minutes) range slider to FlightTimeMin with a step size of 1 and 0 decimal places.
  • Configure the visualization to update Kibana filters on each change.
  • Configure the visualization to use the time filter when determining available options and slider ranges.
  • Add the visualization to the Flights dashboard.

Your lab node node has an Kibana instance which can be accessed in your local web browser by navigating to the public IP address of the lab node over port 8080 (example: http://public_ip:8080). To log in, use the elastic user with the password elastic_acg.

What are Hands-on Labs

Hands-on Labs are real environments created by industry experts to help you learn. These environments help you gain knowledge and experience, practice without compromising your system, test without risk, destroy without fear, and let you learn from your mistakes. Hands-on Labs: practice your skills before delivering in the real world.

Sign In
Welcome Back!

Psst…this one if you’ve been moved to ACG!

Don't have an account?

Get Started
Who’s going to be learning?
MyselfMy Organization