Copy as Markdown[Open in ChatGPT](https://chatgpt.com/?q=Read%20https%3A%2F%2Fdocs-docusaurus.kinsta.page%2Fuser-guides%2Fcustom-dashboards%2Fwidgets%2Fswitch-between-visualizations.md%20and%20help%20me%20with%20my%20question%20about%20this%20Coralogix%20documentation%20page.)[Open in Claude](https://claude.ai/new?q=Read%20https%3A%2F%2Fdocs-docusaurus.kinsta.page%2Fuser-guides%2Fcustom-dashboards%2Fwidgets%2Fswitch-between-visualizations.md%20and%20help%20me%20with%20my%20question%20about%20this%20Coralogix%20documentation%20page.)

# Switching between visualizations in Custom Dashboards

Effortlessly toggle between different visualizations in **Custom Dashboards** without the need to recreate widgets from scratch. This allows you to view your data from various perspectives while maintaining your original query intact.

## How to switch visualizations[​](#how-to-switch-visualizations "Direct link to How to switch visualizations")

### Open widget options[​](#open-widget-options "Direct link to Open widget options")

Click the ellipsis (**...**) on the right side of any widget in **Custom Dashboards**.

### Enter edit mode[​](#enter-edit-mode "Direct link to Enter edit mode")

Select **Edit**. The **Switch Visualization** option will appear in the widget's top bar.

### Choose a new visualization[​](#choose-a-new-visualization "Direct link to Choose a new visualization")

Pick an alternate visualization for your query.

[![](/assets/images/select-a-widget-501a57d1bf2184d4ce59f1480a8b26a8.webp)](https://docs-docusaurus.kinsta.page/assets/images/select-a-widget-501a57d1bf2184d4ce59f1480a8b26a8.webp)

Once selected, the widget updates to the new visualization type, retaining your original query in the [Query Builder](https://docs-docusaurus.kinsta.page/user-guides/custom-dashboards/tutorials/query-builder/.md). Parameters for the new widget will appear in the right-hand modal.

## Use case: CPU usage analysis[​](#use-case-cpu-usage-analysis "Direct link to Use case: CPU usage analysis")

### Scenario[​](#scenario "Direct link to Scenario")

A user monitors the total CPU usage rate as a percentage for all containers running on specific Kubernetes nodes, using a [Gauge](https://docs-docusaurus.kinsta.page/user-guides/custom-dashboards/widgets/gauges/basic-gauges/.md). Upon receiving an alert that CPU usage has exceeded a critical threshold, the user wants to analyze the trajectory leading up to the breach.

[![](/assets/images/gauge-CPU-26a09f79580709dca0bb1c04f46b1967.webp)](https://docs-docusaurus.kinsta.page/assets/images/gauge-CPU-26a09f79580709dca0bb1c04f46b1967.webp)

### Solution[​](#solution "Direct link to Solution")

The user edits the widget and selects a [Line Chart](https://docs-docusaurus.kinsta.page/user-guides/custom-dashboards/widgets/line-charts/.md) instead. By expanding the widget's time window, they can view the long-term trajectory and pinpoint when the threshold was breached.

[![](/assets/images/line-chart-141297f94c41f901c5c0e5f227cb1354.webp)](https://docs-docusaurus.kinsta.page/assets/images/line-chart-141297f94c41f901c5c0e5f227cb1354.webp)

Switching to a time-series visualization provides deeper insights, replacing a snapshot with a detailed timeline.

## Next steps[​](#next-steps "Direct link to Next steps")

Review the [permissions](https://docs-docusaurus.kinsta.page/user-guides/custom-dashboards/permissions/.md) required to work with Custom Dashboards.
