> 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="/files/V3C2HllPULpva4M2Bc7U" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/F4XSTxRMyeQB47qvPSJf" 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="/files/ZjVr6zFduKwELIqRj0OW" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/r0fKiwUdnfA8PXBuvExm" 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="/files/rkwt8p6BUArplMLRHC5h" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/TzdKhvzf6Eh6vNl2FZ0L" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/bGhpIMobgqznJ0FLTik3" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/uY8jbgn9PpjjeLqHjgy5" 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="/files/4cNfgspbXGWQvJweITkW" 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="/files/6GT1D85DvDjcLs4HHXaa" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/Pe6iYBUPDJYxSJGHgOZc" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/kWRHOctxnAU0D6X5Gx9z" 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="/files/5ZbTQgOS4cmxHnW9YWDf" 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! 🚀
