# Add any Widget type with any available Data model

## Create your first widget

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2F6rVJm8iwIo3gaidutuOA%2Fimage.png?alt=media&#x26;token=b851274b-3550-4d40-84e0-034ae6c9ad4a" alt=""><figcaption></figcaption></figure>

* Click on any "+ Add widget" button to add a widget.

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2FV7DYmgUCZ7v1HboGtVC0%2Fimage.png?alt=media&#x26;token=330aa716-23ea-491e-9ba7-94e6a87f391c" alt=""><figcaption></figcaption></figure>

* This guide shall you the Table option for demonstration.
* Click on the Add widget button to proceed.

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2ForBdtv03hgsZjVWr9rP3%2Fimage.png?alt=media&#x26;token=3103eca6-06e1-45b2-a646-803de4f947b8" alt=""><figcaption></figcaption></figure>

* Choose the available Collection or Connection of the data model that has been added.

{% hint style="warning" %}

* Each Widget can only have one data model, you can not change it after selecting it.
* To view another data model, you must create another Widget type and add another model in a Dashboard.
  {% endhint %}

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2Fd5JfWJYSAw2JQBXgI2ua%2Fimage.png?alt=media&#x26;token=3de4dc45-6390-4654-ae3d-6ddfc0010228" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2FktJUzpMmQFY3HHdVwrMg%2Fimage.png?alt=media&#x26;token=6e752cd7-f068-49fa-88c2-f95e3e92a041" alt=""><figcaption></figcaption></figure>

* The Widget is ready to be configured.
* Scroll up and down, left and right to view your data.

{% hint style="info" %}
Check each [Widget type](https://endash-guidance-docs.gitbook.io/docs/dashboard/widget-types) setup in their details pages.
{% endhint %}

## Create another widget

<figure><img src="https://1608311007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSr8m3Ldc2W7Qqq1jsjgC%2Fuploads%2F2hCLJkY19cSs4C5rKB1k%2Fimage.png?alt=media&#x26;token=528d5f31-6cb5-4990-8e7c-12a66e2df61d" alt=""><figcaption></figcaption></figure>

* You can quickly create another widget by clicking on the + button on the left side of the current widget.