Supported tiles
A tile is a child element of a dashboard in Optimizely Analytics that displays the results of an analytical computation (like a chart) or acts as a control (like a filter) that drives the results shown in the dashboard. When you add a new tile to a dashboard, it automatically displays at the bottom. You can add the following types of tiles to a dashboard:
Visualization tile
Dashboards have two types of visualization tiles, New Visualization and Existing Visualization. You can use these visualization tiles to create an exploration or select an existing one and add it directly to a dashboard.
Tile configuration
- Click New Visualization to see the exploration templates.
- Choose your preferred template to build an exploration and add it to your dashboard. For information about different exploration templates and how to use them to build analysis, see Explorations. Before using the visualization tile, ensure you have created Analytics datasets.
- Complete the following actions with the visualization tile:
- Drag and drop it to rearrange its position.
- Resize it to fit your dashboard layout.
- Hover over the tile to access additional options:
- Click Refresh to update the tile's data.
- Use More (⋮) to:
- Inspect the underlying SQL query.
- Open the exploration in an explorer.
- Edit, delete, or duplicate the tile.
The Dashboard example section shows some of these features.
Any exploration you build directly on the dashboard is exclusive to that dashboard and is not displayed on the explorations page. However, you can add explorations created on the explorations page to your dashboard. See the explorations and the dashboard example.
Adding an exploration to a dashboard creates a private copy, which does not change if you modify the original exploration.
Filter tile
Filter tiles on a dashboard help narrow down data in visualizations, making it easier to answer exploratory questions. For example, to view results for a specific region, you can create a filter tile, define the region filter, and link relevant visualizations.
Tile configuration
- Click + Add Tile and select Filter.
- Configure the filter with the following fields:
- Filter name – Provide a name.
- Description – Add a description.
- Condition – Set a condition, display name, and value. You can add multiple conditions and groups.
- Link or unlink visualizations and click Add to Dashboard.
- Click Save.
URL filters and parameters in dashboards
URL filters and parameters let you share dashboards with specific filters or parameters already applied, so others see exactly what you see.
How they work
- Add filters or parameters to your dashboard.
- Set values for each filter or parameter. Strings, lists (like multi-select), booleans, numbers, and time ranges are supported.
- Click Copy Link. The current state is encoded in the URL using tile IDs (not names), because names are not guaranteed to be unique.
- Share the link. Anyone who opens it will see the same filters and parameters applied. URL parameters do not apply to cohort or experiment filters.
Cohort filter tile
Cohort filters help you narrow down data in a visualization using cohorts.
Tile configuration
- Click + Add Tile > Cohort Filter.
- Configure the filter with the following fields:
- Filter name – Provide a name.
- Description – Add a description.
- Dataset – Select a dataset.
- Cohort – Choose the cohort to filter your results.
- Default values – Select the default value for your cohort.
- Link or unlink visualizations and click Add to Dashboard.
- Click Save.
Parameter tile
Parameter tiles let you modify the value of placeholder parameters used in the queries of linked visualization tiles on the dashboard. This helps refine the dashboard results to display the desired data only.
For example, your dashboard includes a visualization tile showing a metric's data and value over time. You can use a parameter tile to set the time range you want to view, such as toggling between Last seven days, Last 30 days, or Last one year. Additionally, parameter tiles let you adjust these filter values if you want to view data from your VIP Shoppers cohort. When you modify a parameter, the linked tiles automatically update to reflect the changes.
The following image displays a dashboard with multiple highlighted parameter tiles:
Tile configuration
- Click + Add Tile and select Parameter.
- Click Unnamed Parameter and enter a Name.
- Add a Description.
- Select a Type for the parameter tile. The available parameter types are:
- Column values – Displays a drop-down list of column values from which you can select a single item at a time for the parameter.
- Custom values – Lets you customize values for the parameter.
- Time grain – Displays a time duration for the parameter (for example, six hours, one month, or one year).
- Time range – Displays the date and time range for the parameter. You can choose a relative time range, such as the last six hours.
Use case
To create the subscription tier parameter, complete the following:
- Add the Name and Description, and choose Column Values as the Type.
- Select subscription_tier for the Column, choose Single select for the Select Type, and select All as the Default value.
- Click Preview to view how the tile will display on the dashboard and set a default value to display in the selector.
- Link the visualization tiles on the dashboard to this parameter tile.
- Use the toggle next to each visualization tile to link or unlink the tile with the parameter tile. Alternatively, you can link or unlink visualizations in the dashboard using the Link All or Unlink All options. When you enable linking, selecting a value in the parameter tile modifies the value of any parameters used in the queries of the linked visualization tiles on the dashboard.
- Click Add to Dashboard.
The following image shows how the entire tile configuration should look:
When you have added the parameter tile to the dashboard, you can adjust its size and position by dragging and dropping it to the desired location. You can also hover over the tile and click Show linked tiles to highlight the linked visualization tiles on the dashboard. Use More (⋮) to edit, delete, or duplicate the tile. See the dashboard example section for some examples.
Experiment tile
The experiment tile lets you add experiments to your dashboard.
Tile configuration
- Click + Add Tile > Experiment.
- Configure the filter with the following fields:
- Filter name – Provide a name.
- Description – Add a description.
- Select an experiment in the Preview section and set the baseline and variation values.
- Link or unlink visualizations and click Add to Dashboard.
- Click Save.
Text tile
A text tile lets you add blocks of text anywhere on the dashboard. You can add headings, row separators, descriptions, and more.
The following image displays a dashboard with a highlighted text tile:
Tile configuration
- Click + Add Tile and select Text. This places the tile at the bottom of the dashboard.
- Click within the tile and type your text.
- Highlight the text to display formatting options for paragraphs, headings, or code blocks. You can also apply bold, italics, underline, or strikethrough styles, add hyperlinks, change text into code, and align text to the left, right, or center. Additionally, you can customize font and background colors or format your text as bullet or numbered lists.
- Adjust the tile's size and position by dragging and dropping it. Hover over the tile and click More (⋮) to edit, delete, or duplicate the tile. See the dashboard example section for some examples.
Image tile
The Image tile in dashboards lets you embed static images directly alongside their data and metrics. With image tiles, you can:
- Show experiment variations side-by-side with experiment results.
- Illustrate features with a screenshot next to the product metrics it drives.
- Add light branding or structure, logos, section headers, or visual framing, directly on the dashboard.
You can upload images from a local device, supported formats are PNG, JPG, and JPEG, and GIF, with a maximum file size of 10 MB per file. Each tile holds one image and includes an optional title field. Like all other tiles, image tiles are resizable and movable within the dashboard grid.
Tile configuration
- Click + Add Tile > Image.
- Drag and drop the image in the Add Image dialog or click browse files to browse through your local device and upload an image.
- (Optional) Enter an image caption.
- Select the Image fit using the drop-down list. There are three options:
- Cover – The image grows big enough to fill the whole tile. If the image and the tile have different shapes, the image's extra parts are cut off.
- Contain – The image gets bigger or smaller to fit inside the tile. It keeps its shape, and nothing gets cut off.
- Fill – The image fits the whole tile. If the image's shape differs from the tile, it will be stretched.
- Click Add to Dashboard.
- Click Save.
Compare to tile
The Compare to tile in dashboards introduces the capability to perform period-over-period comparisons across all exploration tiles within a dashboard.
Tile configuration
- Click + Add Tile > Compare to.
- Configure the filter with the following fields:
- Tile name – Provide a name.
- Description – Add a description.
- Default value – Select a time period for the comparison.
- Link or unlink visualizations and click Add to Dashboard.
- Click Save.
