# Annotations

Annotations are a great way to add context and capture perspective in your dashboards. Multiple users can collaborate to provide a full picture of the data being visualized.&#x20;

### 1. Adding annotations

Select the element, then click the **Annotate** button > Create. You can create annotations at the canvas level or for specific data points, depending on where you place them. Use the rich text editor to format and highlight your annotations. You can also assign a color for each annotation indicator.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2Fkz5txi0em9GsoHW9sWxV%2FUntitled%20Project.gif?alt=media&#x26;token=fe73f4d1-8c19-4d20-8377-d06e32395da2" alt=""><figcaption><p>Adding annotations</p></figcaption></figure>

### 2. Hiding annotations

Select an element and click **Hide All** to hide all the annotations in a particular element. Notice how all the annotations in the pie chart are hidden. To make them visible again, click the **Hide All** option once more.

<div><figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FtIiDKYv8oumcXoRYj5zB%2Fimage.png?alt=media&#x26;token=3873de19-5415-42d7-b814-223aa344220d" alt=""><figcaption><p>Hide all option</p></figcaption></figure> <figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2Fppnf7bQUZuScRd5c9ZkH%2F2024-12-02_11h51_40.png?alt=media&#x26;token=f70051d1-6c20-4725-ba77-9c9e9ffe1246" alt=""><figcaption><p>Annotations hidden in the pie chart</p></figcaption></figure></div>

### 3.  Annotation settings

**Indicator display**

Set the style and size of the annotation indicator.&#x20;

<div><figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FfDXCSeEsjDiNFevcH982%2Fimage.png?alt=media&#x26;token=fe81e1cc-a38c-4f66-897b-490ca9041b2a" alt=""><figcaption><p>Lettered annotation indicators</p></figcaption></figure> <figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FKKjfzCMu8g8ukd5VddGG%2F2024-12-02_12h15_06.png?alt=media&#x26;token=a073cfbe-dfb1-4591-955a-6ad058af21b5" alt=""><figcaption><p>Priority-based annotatation indicators</p></figcaption></figure></div>

### 4.  View all annotations

Select the **All comments** option to view all the annotations added to your dashboard. &#x20;

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FpFfDBmlceXkXJeI5biu9%2Fimage.png?alt=media&#x26;token=61739c39-20a3-42b9-9bb8-a99d8c4ab2cc" alt=""><figcaption><p>Viewing all annotations</p></figcaption></figure>

### 5.  Display all annotations

Click the Comments option from the Insert element dropdown menu to add an annotations pane in your storyboard. The Annotations pane captures all the element-level as well as dashboard-level comments in a single space.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2Fc6RGpVJVjGQkctIAtXd6%2Fimage.png?alt=media&#x26;token=ddab21c7-8ea3-4a8f-8d9d-fe0b9593e3a4" alt=""><figcaption><p>Adding a comments pane</p></figcaption></figure>

You can add a comments pane from the settings for other elements like charts/cards/tables, etc. Click Annotate > All comments and click the **Add Comments Pane** link.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FjWk43SEakDuROPqPc3cr%2Fimage.png?alt=media&#x26;token=05e9b749-b7c8-44a2-b5e6-70aa4bcf05fa" alt=""><figcaption><p>Alternate method to add a comments pane</p></figcaption></figure>

**Customizing the Comments pane**

* **Font style:** Set the font family, style, and color.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FliOCRZMbsCgTE1FaBkfx%2Fimage.png?alt=media&#x26;token=a69669f1-dba3-4146-9640-8a94b3f19c42" alt=""><figcaption><p>Customizing the font</p></figcaption></figure>

* **Wrap text:** Enable to display the entire content for long annotations.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FeyD6ndjrRxslEyDhaOTU%2Fimage.png?alt=media&#x26;token=64a1d7a2-aba8-40f9-8bdd-33a66f0941e1" alt=""><figcaption><p>Wrap text</p></figcaption></figure>

* **Border:** Set the border color and thickness. You can also choose to have a border on a particular side only.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FYFTqFwH893JGJVT2M3Di%2Fimage.png?alt=media&#x26;token=6e71503f-aeb5-46cc-ab3f-11f68e391077" alt=""><figcaption><p>Border customizations</p></figcaption></figure>

* **Corner**: Specify the corner radius for each comment. You can opt for uniformly rounded corners on all edges or specific corners only.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FiH35Snbp0t8f3n1sRLZY%2Fimage.png?alt=media&#x26;token=fd8f2a6c-0dc0-483d-906b-fd9b79ea58c2" alt=""><figcaption><p>Corner radius</p></figcaption></figure>

* **Fill**: Set a background color to highlight your comments.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2F0jAi4xdpNvok9NsYJKoJ%2Fimage.png?alt=media&#x26;token=85f1d36b-67dd-446c-883a-2a93b838c63d" alt=""><figcaption><p>Fill color</p></figcaption></figure>

* **Shadow**: Improve readability by adding shadow borders.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2F3TIiyWnOBR9HIqqezCU4%2Fimage.png?alt=media&#x26;token=d58eb558-7403-4e5f-9fe6-f818adacebd6" alt=""><figcaption><p>Shadows</p></figcaption></figure>

* **Icon**: Set the color and size of the edit and delete icons.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2Fm5kfusZQ8CYUf941Gt4k%2Fimage.png?alt=media&#x26;token=84e41ba0-d463-4455-9fb9-1baf7b16ba2d" alt=""><figcaption><p>Set icon color and size</p></figcaption></figure>

* **Marker**: Set a uniform format, size, and color for all the comment indicators.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FLTBCfe10gUUsg2N0NFKz%2Fimage.png?alt=media&#x26;token=1eb2953b-247c-4816-9925-06734556c9a3" alt=""><figcaption><p>Markers</p></figcaption></figure>

### 5.  Animated annotations

The animated annotations feature zooms in on each chart and showcases every comment in your storyboard, ensuring that important details are not overlooked.

Enable the **Present** toggle in the Comments pane configuration to animate your annotations in reading mode.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FiL6DVIyT4OpbPCx3jxdI%2Fimage.png?alt=media&#x26;token=6c5afb08-27c7-43c3-b069-b1863e912cf1" alt=""><figcaption><p>Present option for annotations</p></figcaption></figure>

Animated annotations in read view:

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FESiZ8cO2vQrJZ34mw4xc%2FUntitled%20Project.gif?alt=media&#x26;token=f7af0c5f-3da0-4ae7-a93d-9702e4950310" alt=""><figcaption><p>Animated annotations in Analytics+</p></figcaption></figure>

### 6.  Adding dashboard-level annotations

Click the Add link in the comments pane to add dashboard-level comments that add context to the entire storyboard rather than a specific data point.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FnkjNNmb2K9C9uf6KZfrI%2Fimage.png?alt=media&#x26;token=0377a473-bd34-4de8-8108-dc0e5ce30f1f" alt=""><figcaption><p>Dashboard level annotations</p></figcaption></figure>
