> 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/build-stylize-and-add-data-to-reports/add-text-images-lines-and-shapes.md).

# Add text, images, lines, and shapes

Enhance your reports with titles, descriptions, and other design elements.

Adding static design elements can add visual appeal and context to your data stories. As a best practice, use these elements sparingly to avoid having your reports look cluttered or distracting from the data.

Click the corresponding icon on the toolbar to add the following components to your reports:

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FdZLAmrAWGBceG2xaG2qQ%2Fimage.png?alt=media&amp;token=a7b2e2b8-39d0-4c0d-bf6e-70eed80fb757" alt=""><figcaption></figcaption></figure>

1. Text
2. Image
3. Line
4. Rectangle
5. Circle

### Add text <a href="#add-text" id="add-text"></a>

Use text to add titles, headings, and descriptions to your reports. You can also use text to create hyperlinks to pages within your report, to other Insights reports, or to any web-accessible resource.

1. In the toolbar, click the **Text** icon.

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FGlKJTQMsP521vgBIYDde%2Fimage.png?alt=media&amp;token=4d25865f-6398-4a71-ada6-0aef08229fa2" alt=""><figcaption></figcaption></figure>

2. Draw a box on the canvas.
3. Enter your text in the box.

#### To style the text

1. Select the text.
2. On the right, use the ***Text Properties*** options to change font, size, color, padding, and other aspects of the text.

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FYE9jjfxp2BGkMKuDqUnp%2Fimage.png?alt=media&amp;token=beaa91be-3b6c-48d4-b848-529324bd81ec" alt=""><figcaption></figcaption></figure>

### Add images <a href="#add-images" id="add-images"></a>

Use images to add logos and graphics to your report.

1. In the toolbar, click the **Image** icon.

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FcDNVWOn9J2Wm4nYiJZl0%2Fimage.png?alt=media&amp;token=14d7da71-2e33-48db-b04e-c290d909fa40" alt=""><figcaption></figcaption></figure>

2. Draw a box on the canvas where you want the image to appear. The size of the box determines the size of the image.
3. Select an image file from your hard drive, or enter the URL for an image hosted on the web. You can add most common image file formats, such as .png, .jpg, .svg, etc. You can also drag and drop images directly from your hard drive or a web page to the report canvas.

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FjR4HwPCzogcqH4Q0NXBV%2Fimage.png?alt=media&amp;token=1ed47b4a-31d6-409d-b0bf-b1ca37fb462a" alt=""><figcaption></figcaption></figure>

4. Use the **Image link URL** field to make the image a clickable link. The link must begin with the https protocol.
5. Use the ***Style*** tab to change the background and border options.

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FbEhhSRvvCJX910tGkgfe%2Fimage.png?alt=media&amp;token=e3d04df1-72b8-4a53-bda6-d59f3943d9da" alt=""><figcaption></figcaption></figure>

Add images from your data to tables by using the IMAGE function.

### Add rectangles and circles <a href="#add-rectangles-and-circles" id="add-rectangles-and-circles"></a>

Use shapes to create visual separation of data elements, banners, and other graphical effects.

1. In the toolbar, click the **Rectangle** or **Circle** icon.

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FiTttI6dcHyqQD4oFS6AH%2Fimage.png?alt=media&amp;token=e6dffba0-9637-4c81-b1e9-43129b359f2c" alt=""><figcaption></figcaption></figure>

2. Draw a box on the canvas where you want the shape to appear.
3. To draw a perfect circle, hold the shift key while drawing or resizing the circle.
4. On the right, use the *Rectangle* or *Circle Properties* panel options to change the appearance of the shape.

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2F1pQzkoewMJLKb4vgFwVF%2Fimage.png?alt=media&amp;token=a0b938b5-1a7e-45b2-b88a-3fdf62ea46aa" alt=""><figcaption></figcaption></figure>

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FPhrQIK67nW5o1kyXaKNU%2Fimage.png?alt=media&amp;token=25152128-4595-40d4-b95d-688994895379" alt=""><figcaption></figcaption></figure>

### Add lines and arrows <a href="#add-lines-and-arrows" id="add-lines-and-arrows"></a>

Use lines and arrows to indicate areas of note, or to connect elements in report.

1. In the toolbar, click the **Line** icon.
2. Draw a line on the canvas.
   1. To connect two components with a line, drag each end of the line over the component until the colored anchor points appear. Then connect the line ends to the anchor points. If you move the components, the line will adjust to keep them connected.
3. On the right, use the *Line Properties* panel options to change the appearance of the line.

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FDQY54DQOz4fBcRwEJkKC%2Fimage.png?alt=media&amp;token=6d87d1fd-3811-4726-9a7a-16cac9bf946f" alt=""><figcaption></figcaption></figure>


---

# 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.antsomi.com/cdp-365-user-guide-en/insights/reports/create-reports/build-stylize-and-add-data-to-reports/add-text-images-lines-and-shapes.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.
