Canvas

Canvas is a data visualization and presentation tool that sits within Kibana. With Canvas, you can pull live data directly from Elasticsearch, and combine the data with colors, images, text, and your imagination to create dynamic, multi-page, pixel-perfect displays. If you are a little bit creative, a little bit technical, and a whole lot curious, then Canvas is for you.

With Canvas, you can:

  • Create and personalize your work space with backgrounds, borders, colors, fonts, and more.
  • Customize your workpad with your own visualizations, such as images and text.
  • Pull your data directly from Elasticsearch, then show it off with charts, graphs, progress monitors, and more.
  • Focus the data you want to display with filters.

Getting started example

For a quick overview of Canvas, watch Stand out with Canvas.

Create workpads

A workpad provides you with a space where you can build presentations of your live data.

Start with a blank workpad

To use the background colors, images, and data of your choice, start with a blank workpad.

  1. Open the menu, then go to Canvas.
  2. On the Canvas workpads view, click Create workpad.
  3. Add a Name to your workpad.
  4. In the Width and Height fields, specify the size.
  5. Select the layout.

    For example, click 720p for a traditional presentation layout.

  6. Click the Background color picker, then select the background color for your workpad.

    Canvas color picker

Create workpads from templates

If you’re unsure about where to start, you can use one of the preconfigured templates that come with Canvas.

  1. Open the menu, then go to Canvas.
  2. On the Canvas workpads view, select Templates.
  3. Click the preconfigured template that you want to use.
  4. Add your own Name to the workpad.

Import existing workpads

When you want to use a workpad that someone else has already started, import the JSON file into Canvas.

  1. Open the menu, then go to Canvas.
  2. On the Canvas workpads view, click and drag the file to the Import workpad JSON file field.

Use sample data workpads

Each of the sample data sets comes with a Canvas workpad that you can use for your own workpad inspiration.

  1. Add a sample data set.
  2. On the Add Data page, click View data, then select Canvas.

Add elements

Create a story about your data by adding elements to your workpad that include images, text, charts, and more.

Create elements

Choose the type of element you want to use, then use the preconfigured demo data to familiarize yourself with the element. When you’re ready, connect the element to your own data. By default, most of the elements you create use demo data until you change the data source. The demo data includes a small data set that you can use to experiment with your element.

To begin, click Add element, then select the element you want to use.

Canvas elements

When you’re ready to connect the element to your data, select Data, then select one of the following data sources:

  • Elasticsearch SQL — Access your data in Elasticsearch using SQL syntax.
  • Elasticsearch documents — Access your data in Elasticsearch without using aggregations. To use, select an index and fields, and optionally enter a query using the Lucene Query Syntax. Use the Elasticsearch documents data source when you have low volume datasets, to view raw documents, or to plot exact, non-aggregated values on a chart.
  • Timelion — Access your time series data using Timelion queries. To use Timelion queries, you can enter a query using the Lucene Query Syntax.

Each element can display a different data source, and pages and workpads often contain multiple data sources.

When you’re ready to save your element, select the element, then click Edit > Save as new element.

canvas save element

To save a group of elements, press and hold Shift, select the elements you want to save, then click Edit > Save as new element.

Elements are saved in Add element > My elements.

Add existing visualizations

Add saved objects to your workpad, such as maps and visualizations.

  1. Click Add element > Add from Visualize Library.
  2. Select the saved object you want to add.

    canvas map embed

  3. To use the customization options, click the panel menu, then select one of the following options:

    • Edit map — Opens Maps or Visualize so that you can edit the original saved object.
    • Edit panel title — Adds a title to the saved object.
    • Customize time range — Exposes a time filter dedicated to the saved object.
    • Inspect — Allows you to drill down into the element data.

Add your own images

To personalize your workpad, add your own logos and graphics.

  1. Click Add element > Manage assets.
  2. On the Manage workpad assets window, drag and drop your images.
  3. To add the image to the workpad, click the Create image element icon.

    Add image to Canvas

Add pages

Organize and separate your ideas by adding more pages.

  1. Click Page 1, then click +.
  2. On the Page editor panel, select the page transition from the Transition dropdown.

    Add pages

Most Popular