Demo

Description

Building a Canvas board is easy. Making it great is hard. To easy the creation of great Kibana Canvas dashboards I created this collection for you.

This Kibana canvas examples collection dashboard shows how to achieve common use cases with canvas. You only need to copy the dashboard into your environment then you can take the different elements. Afterwards copy / past the necessary elements into your environment.

The following things are covered:

Creation and use of buttons using Markdown visualization
Creation and us of animations both using SVGs and CSS
Creation of tooltips, context menues and rich info popups
Creation of conditionals using if and switch / case statements

Tested versions	7.12
ECS compliant	No

Reviews

Thank you

By fero on May 14, 2021 at 8:20 am

Thats really a great canvas example. It helped me a lot!

Thank you for your feedback.

85 of 161 people found this review helpful.

You must log in to submit a review.

Related downloads

Office display canvas example

by content share admin

Kibana canvas example showing an office screen with weather, news and stock information

Kibana Canvas examples collection

Average rating:

by content share admin

A collection of canvas examples, like using conditionals, creating buttons, animations or context menues. Just copy paste into your Kibana Canvas project.

Ask Me Anything Booth – Canvas Example

by content share admin

This is an example canvas page that shows how to visualize using canvas in general.

Timetable canvas

by content share admin

This canvas examples shows timetable data from trains. Its build based on the real world information panel in german trian stations. Its refreshing based on current time.

Detection engine alerts overview dashboard

Average rating:

by content share admin

Kibana Canvas dashboard that shows an aggregated view on the results of the detection engine in Elastic Security.

Data flow canvas

Average rating:

by content share admin

This canvas examples shows some possibilities of how to visualize data flows. Every flow can be activated / deactivated based on your Elasticsearch data.