![Kibana Tutorial](/kibana/images/kibana-mini-logo.jpg)
- Kibana Tutorial
- Kibana - Home
- Kibana - Overview
- Kibana - Environment Setup
- Kibana - Introduction To Elk Stack
- Kibana - Loading Sample Data
- Kibana - Management
- Kibana - Discover
- Kibana - Aggregation And Metrics
- Kibana - Create Visualization
- Kibana - Working With Charts
- Kibana - Working With Graphs
- Kibana - Working With Heat Map
- Working With Coordinate Map
- Kibana - Working With Region Map
- Working With Guage And Goal
- Kibana - Working With Canvas
- Kibana - Create Dashboard
- Kibana - Timelion
- Kibana - Dev Tools
- Kibana - Monitoring
- Creating Reports Using Kibana
- Kibana Useful Resources
- Kibana - Quick Guide
- Kibana - Useful Resources
- Kibana - Discussion
Kibana - Working With Canvas
Canvas is yet another powerful feature in Kibana. Using canvas visualization, 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 click on Add sample data as shown below −
![Kibana home page](/kibana/images/kibana_home_page.jpg)
Click 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)
Click 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 Visualization
Now go to Canvas Visualization as shown below −
![Canvas Visualization](/kibana/images/canvas_visualization.jpg)
Click 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, click on the name of the workpad shown at the bottom left −
![Cloning Existing Workpad Canvas](/kibana/images/cloning_existing_workpad_canvas.jpg)
Click on the name and select clone option as shown below −
![Select Clone Option](/kibana/images/select_clone_option.jpg)
Click 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 click 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)
Click on Add element and it will display all possible visualization as shown below −
![display possible visualization](/kibana/images/display_possible_visualization.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.
To Continue Learning Please Login