> For the complete documentation index, see [llms.txt](https://docs.inforiver.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.inforiver.com/analytics+/storyboard/using-shapes.md).

# Using shapes

Shapes enhance dashboards by making them visually appealing and help draw attention to specific metrics. Let's see how to use shapes in your Analytics+ storyboard.

### 1. Circles

You can use circles to emphasize metrics like actuals vs targets, group elements, or to add visual appeal. In this dashboard, we've used circles around the profile images to enhance the aesthetics.

**Circle customizations:**

* **Border**: Set the thickness and color of the border.
* **Fill**: Set the fill/background color for the circle.
* **Shadow**: Apply a shadow by setting the position, spread, color, and blur.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FQhfd7IRpjJvp0tA1mIOQ%2Fimage.png?alt=media&amp;token=70c9c35d-ace9-41f4-9908-4d152e0efcc2" alt=""><figcaption></figcaption></figure>

### 2. Rectangles

You can use rectangles to hold textual data, group multiple elements or create symbols (e.g., a cross symbol for healthcare dashboards). In this dashboard, we used rectangles to create a cross symbol and as a background.

**Rectangle customizations:**

* **Border**: Set the thickness and color of the border. You can also set a border to a specific side of the rectangle.
* **Corner**: Specify the corner radius for rounded corners.
* **Fill**: Set the fill/background color for the rectangle.
* **Shadow**: Apply a shadow by setting the position, spread, color, and blur.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FoQuNQ5PRcSVAdn2qYWvY%2Fimage.png?alt=media&amp;token=2c7801da-eb49-4f02-86b4-abac7c8c1375" alt=""><figcaption><p>Rectangle</p></figcaption></figure>

### 3. Lines

Use lines to logically group your data or connect related data elements. In this dashboard, we've used lines to demarcate the employee/staff, patient and metric sections.

**Line customizations:**

* **Fill**: Set the fill/background color for the line.
* **Line**: Set the thickness and style(solid/dashed). Use the **Rotate** option to create vertical, horizontal, or slanting lines by adjusting the degree. Set rounded ends for the line with the **Edge Cap** option.&#x20;

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FseIMrW1QEkbGuUqYJ0NP%2Fimage.png?alt=media&amp;token=7b84b8aa-ea41-4265-9ffe-1af2a676585f" alt=""><figcaption><p>Line</p></figcaption></figure>

### 4. Triangles

Similar to the other shapes we've discussed triangles can also add aesthetic and informational value to dashboards. Notice how we've used a combination of green triangles and red circles to indicate an increase or decrease in numbers.

**Triangle customizations:**

* **Border**: Set the thickness and color of the border.&#x20;
* **Fill**: Set the fill/background color for the triangle.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FzThShbdMmfMwqdKcIcCm%2Fimage.png?alt=media&amp;token=6a6c8ae1-0caa-4d6f-a44e-1bc82a122936" alt=""><figcaption><p>Triangle</p></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.inforiver.com/analytics+/storyboard/using-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.
