> For the complete documentation index, see [llms.txt](https://docs.getinfinity.app/user-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.getinfinity.app/user-guide/comprehensive-user-guide/3.-storyboards/creating-storyboards.md).

# Creating Storyboards

#### **Step 1: Navigate to Storyboards**

1. Click on the **Settings** icon from the left menu.
2. From the menu, select **"Storyboards"** to open the Storyboards section.

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2Fp7Yjq7rRQR5beHYI7epB%2Fimage.png?alt=media&amp;token=27c9e912-496c-4ae2-8d98-5a16630a1594" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2FKIsPpWDIkC22bM5KGAJY%2Fimage.png?alt=media&amp;token=744ab830-e353-474d-aabc-06b6cdfbac6a" alt=""><figcaption></figcaption></figure>

#### **Step 2: Add a New Storyboard**

1. Click on **"Add Storyboard"** at the top of the Storyboards list.
2. Enter a **Storyboard Name** and an optional **description**.

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2FUgyQmtpJSMBnur5i30rn%2Fimage.png?alt=media&amp;token=79f4c7de-c347-408a-a8fa-7d6add4c8aab" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2FKt6xE4w9Qox61QlkiEGf%2Fimage.png?alt=media&amp;token=dee05b3a-c895-4a90-8fe4-2308eb76ec1b" alt=""><figcaption></figcaption></figure>

#### **Step 3: Add Charts to the Storyboard**

1. Click the **"Add"** button.
2. Choose to add a **Chart**, **Line**, or **Spacer**.
3. Select the chart(s) you want to add from the available list.
4. Repeat to add multiple charts as needed.

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2F6Qzgs3SoOh0g7aOWWkae%2Fimage.png?alt=media&amp;token=bbc201bb-86a5-42f0-a068-e3e1b25655d7" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2Fim0Bp45tDY0MpvmUXP0D%2Fimage.png?alt=media&amp;token=d5005d29-a100-42cb-b9de-07f304277534" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2FA8OuPS5BjQBmlvyESXdW%2Fimage.png?alt=media&amp;token=8d446b10-2b21-4914-a825-8c2cba4817aa" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2FBup65zvlZA0K3F3WowJa%2Fimage.png?alt=media&amp;token=79c7f9ec-802c-4e21-8540-cf84238faf69" alt=""><figcaption></figcaption></figure>

#### **Step 4: Resize and Arrange Charts**

* Resize charts using the **grid adjuster** to make them fit appropriately within the storyboard.
* Drag and drop charts to rearrange them into a **custom layout**.

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2FOri4ICkSbOOXdxq5cNFe%2Fimage.png?alt=media&amp;token=55bb11e9-6df5-47ab-aaa2-4e79781aa3a2" alt=""><figcaption></figcaption></figure>

#### **Step 5: Customize Storyboard Elements**

**Lines**

Lines can be added to **separate different sections** in a storyboard, making the layout more structured and readable.

**Spacers**

Spacers help in **creating section headings** and separating different data blocks.

* You can **color** the spacer and **add text** to label sections.
* Spacers help create **clean, professional layouts**.

#### **Step 6: Customize Options**

1. Click on the **"Options"** tab to customize settings.
2. You can configure:
   * **Who can view** the storyboard.
   * **Who can edit** the storyboard.
   * **Custom** Excel, and PPT templates..
   * **Filters & Default Variables** (set default values for filtering data).

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2FLHfDWPcJUjC8MXiqHvEV%2Fimage.png?alt=media&amp;token=33aeb2dc-f0d7-4ce7-8d96-e55374527455" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2F3HzMkr14FsuBXB6MvDON%2Fimage.png?alt=media&amp;token=dc5103dd-c322-4b21-a4ea-105f204998d5" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2FycIYoCn7YuA3tvEPxlUQ%2Fimage.png?alt=media&amp;token=253c167d-a33f-4482-a15e-e60b4bb6f119" alt=""><figcaption></figcaption></figure>

#### **Step 7: Save and Publish**

1. Click **"Save"** to save your storyboard.
2. The storyboard is now available for viewing and sharing.

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2FKIHhOYStj99hrxoxpcYB%2Fimage.png?alt=media&amp;token=9421b203-d677-4972-b23f-99b3e2f00aeb" alt=""><figcaption></figcaption></figure>

***

### **Best Practices for Storyboards**

✅ Keep layouts **clean and structured** for easy readability.\
✅ Use **lines and spacers** to create **clear sections**.\
✅ Set **default values for filters and variables** to provide better user experience.\
✅ Configure **permissions carefully** to prevent unauthorized changes.\
✅ Regularly **update storyboards** to reflect the latest data.

***

With **Storyboards in Infinity**, you can build **dynamic, insightful, and interactive dashboards** to share and present your data effectively! 🚀
