> ## Documentation Index
> Fetch the complete documentation index at: https://arize-ax.mintlify.dev/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Dashboard Widgets

> Customize dashboards with widgets

## Widget **Overview**

Dashboard widgets are the individual tiles that help create a dashboard view. Widgets provide an easy way to customize dashboards and perform ad hoc analysis. They can be used to build dashboards from scratch, or as a way to modify templated dashboards.

### **Widget Types**

Click in each card to learn more about how to use each widget type

<Columns cols={3}>
  <Card title="Time Series 📈">
    * [Correlate a feature over
      time](/ax/machine-learning/machine-learning/how-to-ml/dashboards/widgets#correlate-a-feature-over-time):
      compare to a feature/tag value - [Track key slice
      performance](/ax/machine-learning/machine-learning/how-to-ml/dashboards/widgets#track-key-slice-performance):
      a granular view of model performance
  </Card>

  <Card title="Distribution 📊">
    * [Analyze top performing
      features](/ax/machine-learning/machine-learning/how-to-ml/dashboards/widgets#analyze-top-performing-features)
      with data quality metrics - [Evaluate the heat
      map](/ax/machine-learning/machine-learning/how-to-ml/dashboards/widgets#evaluate-heatmap-performance-across-distributions):
      Performance across distributions - [Compare predictions vs
      actuals](/ax/machine-learning/machine-learning/how-to-ml/dashboards/widgets#compare-predictions-vs-actuals)
  </Card>

  <Card title="**Statistic** ➕">
    * [Highlight key performance
      metrics](/ax/machine-learning/machine-learning/how-to-ml/dashboards/widgets#highlight-key-performance-metrics):
      for any model type, pair this with time series graphs for a
      single-pane-of-glass view of model health
  </Card>

  <Card title="Drift 🌊">
    * [Identify gradual changes over
      time](/ax/machine-learning/machine-learning/how-to-ml/dashboards/widgets#identify-feature-changes-overtime):
      measure drift for any model dimension
  </Card>

  <Card title="Alert Graph 🔔">
    * [Visualize sudden model
      changes](/ax/machine-learning/machine-learning/how-to-ml/dashboards/widgets#visualize-sudden-model-changes)
    * [General
      check](/ax/machine-learning/machine-learning/how-to-ml/dashboards/widgets#general-health-check):
      combine business-critical monitors across various models in 1 dashboard
  </Card>

  <Card title="Text 📰">
    * [Annotate
      Dashboards](/ax/machine-learning/machine-learning/how-to-ml/dashboards/widgets#annotate-dashboard-with-metadata):
      add helpful notes and metadata to share across teams
  </Card>
</Columns>

### Time Series

<AccordionGroup>
  <Accordion title="📈 Correlate a Feature Over Time">
    **Begin** with an existing dashboard, blank dashboard, or start with a created [template](/ax/machine-learning/machine-learning/how-to-ml/dashboards/templates)

    **Enter** edit mode

    **Select or Drag** 'Timeseries' widget square

    ![](https://storage.googleapis.com/arize-phoenix-assets/assets/images/arize-docs-images/6050c065-image.jpeg)

    **Define** a the plot by specifying what metric you'd like to see, which Feature / Tag / Actual / Prediction Value you'd like to see first.

    **Overlay** important metadata like tags by toggling on "Group metric by feature or tag"

    **Enjoy your powerful dashboard view!**

    ![](https://storage.googleapis.com/arize-phoenix-assets/assets/images/arize-docs-images/79129314-image.jpeg)
  </Accordion>

  <Accordion title="🏁 Track Key Slice Performance">
    **How to create a widget within a dashboard that shows key slice performance over time**

    **Begin** with an existing dashboard, blank dashboard, or start with a [created template](/ax/machine-learning/machine-learning/how-to-ml/dashboards/templates)

    **Enter** edit mode

    **Select or Drag** the Time Series widget creation button

    **Define the first plot** by specifying the model, what metric you'd like to see, and the model environment: Production, Pre-production (Validation or Training) and version if applicable.

    ![](https://storage.googleapis.com/arize-phoenix-assets/assets/images/arize-docs-images/5d2ece4e-image.jpeg)

    **Duplicate the plot to quickly start defining your 2nd plot**

    ![](https://storage.googleapis.com/arize-phoenix-assets/assets/images/arize-docs-images/01e78f11-image.jpeg)

    **Add a filter to specify the slice in the 2nd plot**

    ![](https://storage.googleapis.com/arize-phoenix-assets/assets/images/arize-docs-images/e2da7a6f-image.jpeg)

    **Success!**
  </Accordion>
</AccordionGroup>

### Distribution

<AccordionGroup>
  <Accordion title="🧠 Analyze Top Performing Features">
    **How to create a widget within a dashboard that analyzes your top performing features**

    **Begin** with an existing dashboard, blank dashboard, or start with a [created template](/ax/machine-learning/machine-learning/how-to-ml/dashboards/templates)

    **Enter** edit mode

    **Select or Drag** the Distribution widget creation button

    **Define the first plot** by specifying the model, what metric you'd like to see, model environment: Production, Pre-production (Validation or Training), version (if applicable) and what (features, actuals, predictions, etc) you will be displaying the "distribution over".

    💡 This example uses **feature** whose data type is **numeric** **distribution**. If you chose a feature whose data type is **string**, the values will be bucketed by that dimension's values instead of it's numeric ranges.

    **Success!**
  </Accordion>

  <Accordion title="🔥Evaluate Performance Across Distributions with Heatmaps">
    **How to create a widget within a dashboard where you can evaluate a heatmap of performance across distributions**

    **Begin** with an existing dashboard, blank dashboard, or start with a [created template](/ax/machine-learning/machine-learning/how-to-ml/dashboards/templates)

    **Enter** edit mode

    **Select or Drag** the Distribution widget creation button

    **Define the base plot** by specifying the model, what metric you'd like to see, model environment: Production, Pre-production (Validation or Training), version (if applicable) and what (features, actuals, predictions, etc) you will be displaying the "distribution over".

    🔥**Overlay** performance information by selecting a performance metric in the **Color By** dropdown.

    💡 If the metric requires additional information like Positive Class or at K value, fill out those appropriate fields to get your finalized chart!

    **Success!**
  </Accordion>

  <Accordion title="📊Compare Predictions vs Actuals">
    **Begin** with an existing dashboard, blank dashboard, or start with a [created template](/ax/machine-learning/machine-learning/how-to-ml/dashboards/templates)

    **Enter** edit mode

    **Select or Drag** the Distribution widget creation button

    **Define the first plot** by specifying the model, what metric you'd like to see, model environment: Production, Pre-production (Validation or Training), version (if applicable) and what (features, actuals, predictions, etc) you will be displaying the "distribution over". In this case, we're looking at **Prediction Class**

    💾**Duplicate the plot in the plot menu to quickly start defining your 2nd plot**

    ![](https://storage.googleapis.com/arize-phoenix-assets/assets/images/arize-docs-images/88c93c17-image.jpeg)

    Update the second plot to **Actual Class** to specify what the second plot will be distributing over

    💡 Further narrow down a plot by adding filters to specify problematic features within the main query

    **Success!**
  </Accordion>
</AccordionGroup>

### Statistic

<Accordion title="🔑 Highlight Key Performance Metrics">
  **Begin** with an existing dashboard, blank dashboard, or start with a created [template](/ax/machine-learning/machine-learning/how-to-ml/dashboards/templates)

  **Enter** edit mode

  **Select or Drag** 'Statistic' widget square

  ![](https://storage.googleapis.com/arize-phoenix-assets/assets/images/arize-docs-images/1c4ceac1-image.jpeg)

  **Define the widget** by specifying the evaluation/performance metric. Then define the rest of the dataset by specifying model, what metric you'd like to see, model environment: Production, Pre-production (Validation or Training), version (if applicable).

  💡 To narrow down on this metric for a given features / actuals / predictions, etc add filters on the primary dataset

  **Success!**
</Accordion>

### Drift

<Accordion title="🔔 Identify Feature Changes Overtime">
  **Begin** with an existing dashboard, blank dashboard, or start with a created [template](/ax/machine-learning/machine-learning/how-to-ml/dashboards/templates)

  **Enter** edit mode

  **Select or Drag** 'Drift' widget square

  ![](https://storage.googleapis.com/arize-phoenix-assets/assets/images/arize-docs-images/7e20a1a6-image.jpeg)

  **Select** the model dimension to measure such as prediction/actual and feature/tag drift

  ![](https://storage.googleapis.com/arize-phoenix-assets/assets/images/arize-docs-images/2137e66c-image.jpeg)

  ❗**Pro Tip:** Gain a more granular view of how each slice impacts your metric by grouping your feature/tag

  ![](https://storage.googleapis.com/arize-phoenix-assets/assets/images/arize-docs-images/8f8ce9c8-image.jpeg)

  **Success!**

  ![](https://storage.googleapis.com/arize-phoenix-assets/assets/images/arize-docs-images/743960e4-image.jpeg)
</Accordion>

### Alert Graph

<AccordionGroup>
  <Accordion title="📉 Visualize Sudden Model Changes">
    **Begin** with an existing dashboard, blank dashboard, or start with a created [template](/ax/machine-learning/machine-learning/how-to-ml/dashboards/templates)

    **Enter** edit mode

    **Select or Drag** 'Alert Graph' widget square

    ![](https://storage.googleapis.com/arize-phoenix-assets/assets/images/arize-docs-images/32e2dfad-image.jpeg)

    **Select** a prediction drift and feature drift monitors for your model

    ![](https://storage.googleapis.com/arize-phoenix-assets/assets/images/arize-docs-images/31c207c4-image.jpeg)

    **Save**, **share**, and **troubleshoot** by clicking the 'View Monitor' link.

    ![](https://storage.googleapis.com/arize-phoenix-assets/assets/images/arize-docs-images/2c565e45-image.jpeg)

    ❗**Pro Tip:** Learn how to troubleshoot drift monitors [here](/ax/machine-learning/machine-learning/how-to-ml/drift-tracing).
  </Accordion>

  <Accordion title="🏥 General Model Health Check">
    **Begin** with an existing dashboard, blank dashboard, or start with a created [template](/ax/machine-learning/machine-learning/how-to-ml/dashboards/templates)

    **Enter** edit mode

    **Select or Drag** 'Alert Graph' widget square

    ![](https://storage.googleapis.com/arize-phoenix-assets/assets/images/arize-docs-images/32e2dfad-image.jpeg)

    **Select** various model monitors that can significantly impact KPIs or are sensitive to change

    ![](https://storage.googleapis.com/arize-phoenix-assets/assets/images/arize-docs-images/f23f4c59-image.jpeg)

    **Save**, **share**, and **troubleshoo**t by clicking the 'View Monitor' link.

    ![](https://storage.googleapis.com/arize-phoenix-assets/assets/images/arize-docs-images/756d5852-image.jpeg)
  </Accordion>
</AccordionGroup>

### Text

<Accordion title="✍️ Annotate Dashboard With Metadata">
  **Begin** with an existing dashboard, blank dashboard, or start with a created [template](/ax/machine-learning/machine-learning/how-to-ml/dashboards/templates)

  **Enter** edit mode

  **Select or Drag** 'Text' widget square

  ![](https://storage.googleapis.com/arize-phoenix-assets/assets/images/arize-docs-images/d115d6d9-image.jpeg)

  **Type** useful notes and other relevant text

  ![](https://storage.googleapis.com/arize-phoenix-assets/assets/images/arize-docs-images/70fbeb79-image.jpeg)

  **Enjoy your powerful dashboard view!**
</Accordion>

<Info>
  Questions? Email us at [support@arize.com](mailto::support@arize.com) or [Slack us](https://arize-ai.slack.com/) in the #arize-support channel
</Info>
