- Kibana - Discussion
- Kibana - Useful Resources
- Kibana - Quick Guide
- Creating Reports Using Kibana
- Kibana - Monitoring
- Kibana - Dev Tools
- Kibana - Timelion
- Kibana - Create Dashboard
- Kibana - Working With Canvas
- Working With Guage And Goal
- Kibana - Working With Region Map
- Working With Coordinate Map
- Kibana - Working With Heat Map
- Kibana - Working With Graphs
- Kibana - Working With Charts
- Kibana - Create Visualization
- Kibana - Aggregation And Metrics
- Kibana - Discover
- Kibana - Management
- Kibana - Loading Sample Data
- Kibana - Introduction To Elk Stack
- Kibana - Environment Setup
- Kibana - Overview
- Kibana - Home
Selected Reading
- Who is Who
- Computer Glossary
- HR Interview Questions
- Effective Resume Writing
- Questions and Answers
- UPSC IAS Exams Notes
Kibana - Working With Canvas
Canvas is yet another powerful feature in Kibana. Using canvas visuapzation, you can represent your data in different color combination, shapes, text, multipage setup etc.
We need data to show in the canvas. Now, let us load some sample data already available in Kibana.
Loading Sample Data for Canvas Creation
To get the sample data go to Kibana home page and cpck on Add sample data as shown below −
![Kibana home page](/kibana/images/kibana_home_page.jpg)
Cpck on Load a data set and a Kibana dashboard. It will take you to the screen as shown below −
![Kibana dashboard](/kibana/images/kibana_dashboard.jpg)
Cpck on Add button for Sample eCommerce orders. It will take some time to load the sample data. Once done you will get an alert message showing “ Sample eCommerce data loaded.”
Getting Started with Canvas Visuapzation
Now go to Canvas Visuapzation as shown below −
![Canvas Visuapzation](/kibana/images/canvas_visuapzation.jpg)
Cpck on Canvas and it will display screen as shown below −
![Canvas Workpads](/kibana/images/canvas_workpads.jpg)
We have eCommerce and Web Traffic sample data added. We can create new workpad or use the existing one.
Here, we will select the existing one. Select eCommerce Revenue Tracking Workpad Name and it will display the screen as shown below −
![ECommerce Revenue Tracking Workpad](/kibana/images/ecommerce_revenue_tracking_workpad.jpg)
Cloning an Existing Workpad in Canvas
We will clone the workpad so that we can make changes to it. To clone an existing workpad, cpck on the name of the workpad shown at the bottom left −
![Cloning Existing Workpad Canvas](/kibana/images/cloning_existing_workpad_canvas.jpg)
Cpck on the name and select clone option as shown below −
![Select Clone Option](/kibana/images/select_clone_option.jpg)
Cpck on the clone button and it will create a copy of the eCommerce Revenue Tracking workpad. You can find it as shown below −
![Cloning Existing Workpad Canvas](/kibana/images/cloning_existing_workpad_canvas.jpg)
In this section, let us understand how to use the workpad. If you see above workpad, there are 2 pages for it. So in canvas we can represent the data in multiple pages.
The page 2 display is as shown below −
![canvas multiple pages](/kibana/images/canvas_multiple_pages.jpg)
Select Page 1 and cpck on the Total sales displayed on left side as shown below −
![Cloning Existing Workpad Canvas](/kibana/images/cloning_existing_workpad_canvas.jpg)
On the right side, you will get the data related to it −
![Cloning Related Data](/kibana/images/cloning_related_data.jpg)
Right now the default style used is green colour. We can change the colour here and check the display of same.
![change colour](/kibana/images/change_colour.jpg)
We have also changed the font and size for text settings as shown below −
![change font size](/kibana/images/change_font_size.jpg)
Adding New Page to Workpad Inside Canvas
To add new page to the workpad, do as shown below −
![Workpad Inside Canvas](/kibana/images/workpad_inside_canvas.jpg)
Once the page is created as shown below −
![Workpad page created](/kibana/images/workpad_page_created.jpg)
Cpck on Add element and it will display all possible visuapzation as shown below −
![display possible visuapzation](/kibana/images/display_possible_visuapzation.jpg)
We have added two elements Data table and Area Chart as shown below
![Data table Area Chart](/kibana/images/data_table_area_chart.jpg)
You can add more data elements to the same page or add more pages too.
Advertisements