# Adding A New Widget

## **OVERVIEW**

Widgets are the basic visualization panels that build Dashboards in order to enable real-time quality monitoring.

Each widget is designed to clearly visualize the data collected from your own Data Sources.

![](https://firebasestorage.googleapis.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MGIlBSTjQtZxUoFwUx4%2Fuploads%2FB6nb4OtbpOggpytOjGJI%2Ffile.png?alt=media)

## **ADDING A NEW WIDGET**

1. Open the **Dashboard** you want to add a new widget.
2. Click the **"New Widget"** button.
3. Select an addon to add a widget. You can only see the addons that you have installed and added a data source before.

![](https://firebasestorage.googleapis.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MGIlBSTjQtZxUoFwUx4%2Fuploads%2F5mjx68sJPWDIljxG4ROE%2Ffile.png?alt=media)

4\. Select the **Data Source** you want to use. 

![](https://firebasestorage.googleapis.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MGIlBSTjQtZxUoFwUx4%2Fuploads%2FMtVaNR73JW5MB1Eo77M5%2Ffile.png?alt=media)

5\. Browse or search for the *projects/applications/components* that you want to visualize. Some of the widgets are supported for multiple selection.

![](https://firebasestorage.googleapis.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MGIlBSTjQtZxUoFwUx4%2Fuploads%2Fxz1ob4cz1iyuQAi5M4Co%2Ffile.png?alt=media)

6\. Each addon has its own ***predefined widgets***. You can select and add *predefined widgets* to visualize your data easily. 

![](https://firebasestorage.googleapis.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MGIlBSTjQtZxUoFwUx4%2Fuploads%2F3b5rLbXdkx8pJVV3bxjA%2Ffile.png?alt=media)

7\. Select a period for your widget. Predefined Widgets visualize your data for the selected date range (*on a timeline, or with a comparison...*).

![](https://firebasestorage.googleapis.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MGIlBSTjQtZxUoFwUx4%2Fuploads%2Fe8t5v03JZEeejK1GMTIR%2Ffile.png?alt=media)

## **WHAT'S NEXT?**:dart: 

* [Updating and deleting widgets](https://docs.oobeya.io/dashboards/updating-and-deleting-widgets)