# Making a dashboard

## Step 1 - Add a new dashboard

First, navigate to dashboards in the top nav and click '+' to add a new dashboard.

<figure><img src="https://2470809873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMC3nnXBNr42atXRANYhr%2Fuploads%2Fcxb7MgONBMR7qKd3qJSb%2Fimage.png?alt=media&#x26;token=fc33e529-3135-4a53-b97f-e564748b2b09" alt=""><figcaption></figcaption></figure>

Name your new dashboard anything you like.

<figure><img src="https://2470809873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMC3nnXBNr42atXRANYhr%2Fuploads%2FaiNO4jFi9Dx2u9EHDcCr%2Fimage.png?alt=media&#x26;token=97170da2-ee04-45f9-a264-ed92b7ae0a29" alt=""><figcaption></figcaption></figure>

When the dashboard is created, you will be redirected to a blank dashboard page that you will need to add components to.

<figure><img src="https://2470809873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMC3nnXBNr42atXRANYhr%2Fuploads%2FXGlUAlM4ggLThUNvilHh%2Fimage.png?alt=media&#x26;token=b40bee48-f680-4867-879b-8674118c0329" alt=""><figcaption></figcaption></figure>

## Step 2 - Add components

Click '+' in the top right to add a new component to your dashboard.

Choose a name you would like to display as the component's title. Then, select Data Grid or Bar Chart for display format.

* Data Grid: displays the data in a grid similar to query results.
* Bar Chart: displays a single data set as a bar chart. The first column of the query is used for data labels and the second column is used as data values.

Finally, choose which query will be used to populate the component. Only queries you have created in your account can be used.

<figure><img src="https://2470809873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMC3nnXBNr42atXRANYhr%2Fuploads%2FahBWsXbDFIOWyF9D5ris%2Fimage.png?alt=media&#x26;token=e4dcfaae-3f74-4617-b2b6-f6e9cd7d6a9b" alt=""><figcaption></figcaption></figure>

Your new component is added to the top left of your dashboard. You can move any component by dragging the title bar.

<figure><img src="https://2470809873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMC3nnXBNr42atXRANYhr%2Fuploads%2FBTwbbJp7f1ikhxd9dAAo%2Fimage.png?alt=media&#x26;token=d2cb35b4-c6c0-4917-a106-62c3ae03c1b7" alt=""><figcaption></figcaption></figure>

You can add as many components as you like to a dashboard.



<figure><img src="https://2470809873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMC3nnXBNr42atXRANYhr%2Fuploads%2FufqbT46xbgRIurBmWB4c%2Fimage.png?alt=media&#x26;token=426d2730-38a3-48a1-9a31-2fda4398c498" alt=""><figcaption></figcaption></figure>

And you can re-size a component by dragging the bottom left corner.&#x20;

<figure><img src="https://2470809873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMC3nnXBNr42atXRANYhr%2Fuploads%2FSqZE3W2zZCBwrzMlMBAT%2Fimage.png?alt=media&#x26;token=7896f868-b755-4380-89d4-2c8a906cd39f" alt=""><figcaption></figcaption></figure>

When the dashboard owner changes a component's position or size, it changes for all users. If a non-owner changes a component's position or size, it changes for only that session.

You remove components by clicking the hamburger menu and selecting 'Remove'.
