Change data visualizations in UI Builder

---
title: Change data visualizations in UI Builder
description: Change data visualizations in real time using a drop-down list to preview data in your experience.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/application-development/ui-builder/component-hot-swapping.html
release: brazil
product: UI Builder
classification: ui-builder
topic_type: concept
last_updated: "2026-09-10"
reading_time_minutes: 1
breadcrumb: [Customize UI Builder pages using components, Working in UI Builder, UI Builder, Builder library, Developing your application, Classic app development, Building applications]
---

# Change data visualizations in UI Builder

Change data visualizations in real time using a drop-down list to preview data in your experience.

You can change data visualization types via a drop-down in the configuration panel to preview different data visualization types. Each data visualization can be configured to display different data depending on who is using your experience. Select the drop-down under **Data visualization type** to preview different types of data visualization.

\[Omitted image "hot-swap-drop-down.png"\] Alt text: Data visualization type options in a drop-down.

A preview of the data visualization you selected appears in your page. For information about adding data visualization components to your experience, see [Add and configure components](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/application-development/ui-builder/add-components.md).

**Parent Topic:**[Customize UI Builder pages using components](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/application-development/ui-builder/work-components.md)