Create and Edit Canvas Dashboard

Development workflow

High-level Workflow

Unlike Dashboard 3.0, Canvas Dashboard is created in the Modeling layer. Developing Canvas Dashboard goes through the same process of creating Data Models and Datasets. For more information, you can refer to Development Workflow.

Create Canvas Dashboard

To create a Canvas Dashboard, go the the Development workspace:

• Step 1: Click the “Add (+)” button to add Canvas Dashboard. Alternatively, you can select the “Add” button located under the folder where you want to organize your Canvas Dashboard.
• Step 2: Specify the dashboard name and description and click Create.

Deploy Canvas Dashboard to Reporting

Once you’ve developed your Canvas Dashboard, deploy it to production to make it available for viewing.

After successfully deployed, you can view a list of deployed canvas dashboards. Click on the title to view the dashboard in Reporting.

Alternatively, you can click on the canvas dashboard filename, and click on View in Reporting to navigate to the canvas dashboard location in the Reporting layer.

info

Canvas Dashboards created in the Development workspace cannot be edited in Reporting. To edit the dashboard, go to Development to make your changes and redeploy.

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

Add Blocks from the Toolbar

In the Visual Editor, you can add analytics blocks to the Canvas Dashboard using the Toolbar.

Alternatively, you can also add new blocks by duplicating existing ones. Simply click on a block’s context menu > More > Duplicate

Move and Arrange Blocks

Blocks can be arranged freely on your canvas. By default, blocks are snapped to the grid but you can change this in the View options found at the bottom right of your workspace.

In addition, blocks can be stacked on each other. You can control the order of blocks by clicking on a block’s context menu > More > Arrange

View Block Code

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.

Delete Blocks

To delete blocks from your canvas, click on a block’s context menu > More > Delete or use Del as the keyboard shortcut.