> For the complete documentation index, see [llms.txt](https://docs.bdb.ai/self-service-visualization/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bdb.ai/self-service-visualization/creating-a-new-story/designing-a-view.md).

# Designing a View

The user can start creating/ designing a View for a newly created Story by using the Design page or Design canvas.

Once the Story document gets created, the user gets redirected to the ***Design page/ Story canvas*** to begin with the **View** creation.

<figure><img src="https://2340960528-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fb3U3HdVsN1h9bZt2fgoH%2Fuploads%2FumexjCtMc7krpdJl0t9Q%2Fimage.png?alt=media&amp;token=e3b1e37f-1eef-44c2-b044-9f47beb18054" alt=""><figcaption><p>Design Page/ Story Canvas</p></figcaption></figure>

{% hint style="info" %}

{% endhint %}

* Drag and drop ***Dimensions/Measures*** to the suggested place.
* Instantly a view gets created using the ***Mixed chart*** (by default).
* Click the ***Save View*** icon to save it.

<figure><img src="https://2340960528-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fb3U3HdVsN1h9bZt2fgoH%2Fuploads%2Fg87YypBUujXIpc0o5aVx%2Fimage.png?alt=media&amp;token=583dd361-ca0b-4084-9686-765c047a5750" alt=""><figcaption></figcaption></figure>

* A confirmation message appears.
* The View gets saved on the ***Storyboard*** page.

<figure><img src="https://2340960528-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fb3U3HdVsN1h9bZt2fgoH%2Fuploads%2FzTp6fwPDrhjeGwnfZ2Gn%2Fimage.png?alt=media&amp;token=7128f374-0afc-4b4e-9857-c8e59c9c20d7" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
*<mark style="color:green;">Please Note:</mark>*

* *Refer to the* [***Design***](https://docs.bdb.ai/7.6/data-visualization/self-service/design-workspace) *section of this document for a detailed understanding of the **Design** page options.*
* *The user can select another charting component from the **Chart** tab to change the default visual display of the newly created View.*
* *Use the **Properties** tab to set the chart specific properties and enhance the look and feel of the newly created View.*
  {% endhint %}
