# Play axis

Enjoy hands-free data analysis and visualization with the Play axis. Watch your dashboard come to life as charts, cards, and tables dynamically change in response to automatic filters.&#x20;

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FyKVs3jEkcPqdFnYMaDfd%2FUntitled%20Project.gif?alt=media&#x26;token=cd1ef4f1-1c08-40c1-8dea-43a6f5acd680" alt=""><figcaption><p>The Analytics+ play axis in action</p></figcaption></figure>

Select the **Play Axis** option from the **Navigators** section to insert a play axis component.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2F068rZF8BcU7Ts19K7FC7%2Fimage.png?alt=media&#x26;token=aaa0d39a-3620-45c2-a1dd-a424036da417" alt=""><figcaption><p>Inserting a play axis </p></figcaption></figure>

## 1. Adding a Play Axis to your storyboard

**STEP 1:** Open the Pivot data config and assign the dimension that will drive the filter.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FSwz6hEaTrJ5kKqWuCVbE%2Fimage.png?alt=media&#x26;token=d21880ed-abf2-4c8d-a61f-d1db9bcee785" alt=""><figcaption><p>Pivot data for the Play axis</p></figcaption></figure>

**STEP 2:** Design the overall appearance of the play axis by setting borders, margins, shadows, and background colors.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2Fjf1l58rYHlA7cAtX12Pv%2Fimage.png?alt=media&#x26;token=7e281ad0-7aca-41e1-98e9-9b10079bcb7f" alt=""><figcaption><p>General properties</p></figcaption></figure>

**STEP 3:** Configure the Play Axis-specific options. We'll cover these in detail in the next section

## 2. Configuring the Play axis

**2.1. Axis Type:** Choose between tabs, progress bars, ticks, or labels. The different types supported in Analytics+ are shown below.

<div><figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FoVze4aChHwa7LHz1DXuu%2Fimage.png?alt=media&#x26;token=236f88a1-3e7c-420e-970e-e6132f7874dd" alt=""><figcaption><p>Tabs</p></figcaption></figure> <figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2F5EkmkIuV81TWspVN96v7%2F2024-11-28_12h39_39.png?alt=media&#x26;token=fb3350a3-42d2-4a45-adda-82e200a9f609" alt=""><figcaption><p>Progress bar</p></figcaption></figure> <figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FyifDn1zTnuPlOomV7mX8%2F2024-11-28_12h41_49.png?alt=media&#x26;token=a47c0fa7-ebf7-409e-8905-d108292fd8e0" alt=""><figcaption><p>Tick</p></figcaption></figure> <figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FoqSHyY59mGikFzi9a4dD%2F2024-11-28_12h43_20.png?alt=media&#x26;token=80506e70-74e9-4c41-8f2e-e09165c40a7f" alt=""><figcaption><p>Label</p></figcaption></figure></div>

**2.2. Sort**: Determine the order in which the play axis categories should be applied. You can select ascending, descending, or native sort.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FSvKTrawNNkhwzA8vWigQ%2Fimage.png?alt=media&#x26;token=b6adacf1-caf3-47aa-a346-92052a6e8e26" alt=""><figcaption><p>Sorting method</p></figcaption></figure>

**2.3. Loop**: Enable this toggle for the play axis to repeat continuously and filter categories on loop.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FwlP4yLDvhzRSytUfJ2Vg%2Fimage.png?alt=media&#x26;token=48487e52-db46-43a2-95ff-119a2bcadd25" alt=""><figcaption><p>Loop option for play axis</p></figcaption></figure>

**2.4. Autoplay:** Users will not have to manually click the play button when autoplay is enabled. The play axis will start automatically when the dashboard is loaded.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2Fi70RVbNLLC3kkIQktSs9%2Fimage.png?alt=media&#x26;token=bec41a2e-7fd3-40c0-8213-ac2f722106f9" alt=""><figcaption><p>Auto play option</p></figcaption></figure>

**2.5. Play interval:** The gap in seconds after which the next category filter will be applied to the dashboard.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FTAB9xwHEnyjZVToRj7G2%2Fimage.png?alt=media&#x26;token=42564233-6a8e-45b1-8e00-646e0ac51c6c" alt=""><figcaption><p>Play interval</p></figcaption></figure>

**2.6. Play button styles:** Customize the appearance of the play button. You can set the background color, icon size, border, corner radius, and shadow. The play axis is positioned to the left of the axis categories by default. You can also place it on the right-hand side as shown in this report.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FfcLbUQoBX1J0Ch6nFNsj%2Fimage.png?alt=media&#x26;token=fc76d0ae-4e6e-4948-95e0-05e615a4ee1b" alt=""><figcaption><p>Play button styles</p></figcaption></figure>

**2.7. Counter:** Enable the counter to keep track of how many categories have been viewed and how many are in the pipeline. You can customize the font style, size, and color of the counter.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FUq5zGmpSwlfjG6Lz3KKt%2Fimage.png?alt=media&#x26;token=449d6bab-0bcd-4ca8-98e3-7fc9b9e3396c" alt=""><figcaption><p>Play axis counter</p></figcaption></figure>

We're all set. Ready, steady, PLAY!
