> For the complete documentation index, see [llms.txt](https://docs.antsomi.com/cdp-365-user-guide-en/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.antsomi.com/cdp-365-user-guide-en/insights/reports/create-reports/tutorial-create-a-new-report.md).

# Tutorial: Create a new report

Follow these steps to create a simple Google Analytics report.

Creating reports in Insights is easy! In this tutorial, you'll build a useful and attractive report in just a few steps.

Let's get started!

### ![1](https://lh3.ggpht.com/DvqCktyYSEo9pM47-2MDMI_yhbDnxXRHuPhIWnN5kH2AhIt0J1k07Ng5F2fuGysemfMmX54r=w47) Create a new blank report <a href="#create_a_new_blank_report" id="create_a_new_blank_report"></a>

1. Sign in Insights
2. Select Report menu
3. In the top left, click <img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FSUZReTsc0AG4KUmS3ghU%2Fimage.png?alt=media&amp;token=a004ce72-855d-4074-ba26-f3d7fa468cc7" alt="" data-size="line">
4. You'll see the report editor tool, with blank canvas.&#x20;
5. In the top left, name your report by clicking *Untitled Report*.

### ![](https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FOHBvhoGkv3hWZNSzRfDr%2Fimage.png?alt=media\&token=87515d1b-2c0d-4c12-8b17-1adb2ddef5db) Add another chart to the report <a href="#add_ds" id="add_ds"></a>

![school icon](https://lh5.ggpht.com/_QKt5PEXBsWHMUp-TQQc-g4MIVCUbFsKecswbMb-Ut8Uxl5WAXSI_t_k7DPqp9aQDes=w24) The time series chart plots data over the course of time.

1. In the tool bar, click **Add a chart**.
2. Select a Time series chart <img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2Fyy6CYFKFZiGBqJopWRqi%2Fimage.png?alt=media&amp;token=9529fbc8-bcd6-4114-9ff9-577067a17493" alt="" data-size="line"> .
3. Click the canvas where you want the chart to appear.
4. Insights automatically adds the *Date* dimension and the *Source* metric (assuming you're using an Analytics data source).
5. To adjust the chart's position, click and drag it, or select the chart and move it using your keyboard arrow keys. Each press of the arrow key moves the chart one full column or row (10 px) on the grid. Hold the Shift key down while using your arrow keys to nudge the selected components into place a pixel at a time.
6. To adjust the chart's size, select it, then drag a corner or mid-line point.
7. Let's breakdown the chart by *Device Category*:\
   &#x20;
   1. Make sure the time series is selected.
   2. On the right, under *Available Fields*, use the search tool to find the *Device Category* dimension.
   3. Drag the field and drop it on the **Breakdown Dimension** target.

Your chart should now display data series for the different device categories (Mobile, Desktop, and Tablet):

### ![3](https://lh3.ggpht.com/BVwZPb91a7WnSqa_gyyxT-2CVxjhFKWwweUcc-g6EWgLvlGcT49hoR07iIPgVZxKYT1ZPAI=w47)Style the report <a href="#add_time_series" id="add_time_series"></a>

![school icon](https://lh5.ggpht.com/_QKt5PEXBsWHMUp-TQQc-g4MIVCUbFsKecswbMb-Ut8Uxl5WAXSI_t_k7DPqp9aQDes=w24) Preset themes let you apply color and style options to your entire report.

1. Edit the report.
2. Open the *Theme and Layout* panel:
   1. The *Theme and Layout* panel appears on the right whenever no components are selected.
   2. You can also click **Theme and layout** in the toolbar.
   3. In the THEME tab, click the theme you want to apply.

You can customize any of the preset themes. For example, you can select a different background color that better matches your brand:

1. In the *Theme and Layout* panel, click **Customize**.
2. Scroll down to the *Background and Border* section
3. Use the color picker to set the **Background** color to your favorite color. Something in a mauvy-peach, perhaps?

### ![4](https://lh6.ggpht.com/2SHOsXguWD1jTGL-9skarp9LzUnjln5PE7ybpCqCTYNlZsA2BtamevYVf0kOcGHTbcvJT3s=w47)Add a banner <a href="#add_a_banner" id="add_a_banner"></a>

![school icon](https://lh5.ggpht.com/_QKt5PEXBsWHMUp-TQQc-g4MIVCUbFsKecswbMb-Ut8Uxl5WAXSI_t_k7DPqp9aQDes=w24) Use a colored rectangle as a background banner for your report header.

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2F2ySqNyG7Gu2Kr3oD5bVS%2Fimage.png?alt=media&amp;token=fa51aa68-856c-46ea-8125-8a8827edc03d" alt=""><figcaption></figcaption></figure>

1. Select the Page component by clicking anywhere in the grid area.
2. Select the **Rectangle** tool from the toolbar. <img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FBx7aD8ty1vtwbkt2A326%2Fimage.png?alt=media&amp;token=e5369420-7eaf-4ba0-bba4-9199e4377de6" alt="" data-size="line">
3. Draw a rectangle across the top of the page.
4. Select the *STYLE* tab of the *Rectangle Properties* panel on the right.
5. Set the rectangle background color to blue.

Extra credit! Add a gradient to the banner.

### ![5](https://lh3.ggpht.com/95P_aEUqX8fl1hSmETi89UkXGvK-uDIKNOislAoJxCPVvjAWJOnP6DOr2l6z-JUm-td4L1hteQ=w47)Add a title to the report <a href="#add_a_title_to_the_report" id="add_a_title_to_the_report"></a>

![school icon](https://lh5.ggpht.com/_QKt5PEXBsWHMUp-TQQc-g4MIVCUbFsKecswbMb-Ut8Uxl5WAXSI_t_k7DPqp9aQDes=w24) The text tool lets you annotate your reports and charts.

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FYyhANwXjWihyS7VQRZxd%2Fimage.png?alt=media&amp;token=99f9cefa-89e7-421f-a719-c1723d63cfc3" alt=""><figcaption></figcaption></figure>

1. Select the **Text** tool from the toolbar <img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FzGYDEz9m5hHtR2m6Ju0I%2Fimage.png?alt=media&amp;token=bb444a78-1420-437d-8477-abd71ddaa29e" alt="" data-size="line">.&#x20;
2. Draw a textbox inside the banner rectangle.
3. Type `Google Analytics Demo Dashboard` in the textbox.
4. Highlight the text. Use the *Text Properties* panel on the right to change the font color and the font size to something that looks nice to you.

**Hey! Where's the SAVE button?**

In the tool bar, click on Save button to save your changed.

### Next steps <a href="#next_step" id="next_step"></a>

[Add more charts to your report.](#add_ds)

Learn more about the [building, stylizing, and adding data to reports.](broken://pages/-MfvtMe94-22yG2j0coT)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.antsomi.com/cdp-365-user-guide-en/insights/reports/create-reports/tutorial-create-a-new-report.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
