Skip to main content

Create Canvas Dashboard

Create new dashboards​

You can create a new canvas dashboard from Modeling or the top navigation panel.

Converting Legacy Dashboard to Canvas Dashboard​

You can also convert the existing Dashboard (Legacy) into a Canvas Dashboard. Open an existing Legacy Dashboard and click on More > Generate Canvas Dashboard and click on Generate. A new dashboard is created in Modeling.

info

The existing dashboard will not be affected by this process. You will now have two dashboards: the original Legacy Dashboard and the new Canvas Dashboard.

Canvas Dashboard Workspace​

The Canvas Dashboard workspace is where you develop your canvas dashboard. It supports seamless transition between code and visual editing. It combines the familiar drag-and-drop experience of the visual editor with the ability to programmatically create dashboards in the code editor.

  1. Edit modes: toggle between Code, Dual, and Visual editor
  2. Code editor: View and edit your dashboard in code. Click Update to view changes in the Visual editor
  3. Visual editor: View and edit your dashboard in GUI. Changes automatically update the dashboard code
  4. Toolbar: Add analytics blocks to enrich your Canvas Dashboard. You can drag the toolbar around the visual editor
  5. Settings: View and edit dashboard settings such as Cache, Time zone, and more
  6. Interactive controls: View all applied interactive controls (filters, cross-filters, period comparisons, and date drills). You can click Reset to get back to the dashboard's default state
  7. Other settings: view other dashboard settings such
  8. View and Zoom controls: Configure grids and zoom levels.
  9. Block’s context menu: When hovering over a block, a context menu appears on the top left corner of that block. It contains settings and operations relating to the selected block.

Working with Analytics Blocks​

View Block Code Definition​

To view the code definition of a block, simply click on a block’s context menu > More > Show in Code editor. The code editor automatically expands with the block’s code highlighted for convenient reference.

Customize Blocks Display Preferences​

To customize the title, description, and display of a block, click on More > Block Preferences. You have the options to:

  • Hide title and description
  • Hide block’s action menu: This hides subsequent features of the block in View Mode, including Explore data, Data Alerts, Expand block, and more.
Let us know what you think about this document :)