> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://help.sigmacomputing.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://help.sigmacomputing.com/_mcp/server.

# Example representation: Workbook with a chart with stacking (Beta)

> Example Sigma code representation of a workbook with a chart with stacking.

This documentation describes one or more public beta features that are in development. Beta features are subject to quick, iterative changes; therefore the current user experience in the Sigma service can differ from the information provided in this page.

This page should not be considered official published documentation until Sigma removes this notice and the beta flag on the corresponding feature(s) in the Sigma service. For the full beta feature disclaimer, see [Beta features](/docs/sigma-product-releases#beta-features).

This is an example representation of a workbook, retrieved using the [Get a workbook](/reference/get-workbook) endpoint with the query parameter `includeContents=true`. Representations like this one can be used to create a workbook from code using the [Create a workbook](/reference/create-workbook) endpoint. Each page in this example library includes the code representation of the workbook and step-by-step instructions to create it in the Sigma UI.

Consult this example and others in the [Workbook representation example library](/docs/workbook-representation-example-library) to:

* Troubleshoot the formatting of a particular feature in code representation
* Relate a feature from the Sigma UI to its representation in code
* Provide context to AI tools used to create workbooks from code

This example representation cannot be used as-is. All identifying details, such as IDs, names, and URLs, have been replaced with randomized ID values or generic substitutions. The format of these contents, like the length of ID values, is preserved for demonstrative purposes. However, this representation cannot be directly used without modification to the base URL, connection details, and more. For more information, see [Create and manage workbooks from code](/docs/manage-workbooks-as-code).

## System and user requirements

To complete the steps in this example, you must meet the user requirements listed below for creating the workbook in the UI and creating it from code.

The ability to create this workbook in the Sigma UI requires the following:

* You must be assigned an [account type](/docs/account-type-and-license-overview) with the **Create, edit, and publish workbooks** permission enabled.
* You must have access to a connection to a data platform.

The ability to create a workbook from code requires the following:

* You must be assigned an [account type](/docs/account-type-and-license-overview) with the **Create, edit, and publish workbooks** permission enabled.
* You must have developer credentials for the Sigma API. For more information, see [Get started with the Sigma REST API](/reference/get-started-sigma-api).

This example uses a table from the [Sigma Sample Connection](/docs/sigmas-sample-connection). Your organization might have disabled access to the Sigma sample connection. If so, you can contact an admin to enable it, or use a table from another connection to follow along with this example.

## Create the example workbook in the Sigma UI

This example shows a workbook with a chart with stacking.

To create this workbook in the Sigma UI:

1. Go to the **Home** page.

2. Select ![](https://sigma-docs-screenshots.s3.us-west-2.amazonaws.com/Icons/button-add.svg) **Create new** > **Workbook**.

   A new workbook opens.

3. From the **Add element** bar, select **Data** > **Table**.

4. In the **Select source** modal, search for the table `TRIP` in the `EXAMPLES.BIKES` schema.

5. Select the table to add it to the workbook.

   The table appears in the workbook.

6. Select ![](https://sigma-docs-screenshots.s3.us-west-2.amazonaws.com/Icons/add-dependent.svg) **Add child element** > **Chart**.

   A new bar chart element appears on the workbook canvas.

7. In the editor panel, select **Properties** and configure the bar chart with the following settings:

   | Option       | Setting              |
   | :----------- | :------------------- |
   | **Stacking** | Select **Stacked**   |
   | **X-axis**   | *Start Station Name* |
   | **Y-axis**   | *Count of Id*        |
   | **Color**    | *Subscription Type*  |

8. Select the down arrow ![](https://sigma-docs-screenshots.s3.us-west-2.amazonaws.com/Icons/caret.svg) next to *Start Station Name* to open the column details menu and select **Sort** > **Start Station Name**.

9. In the document header, select **Save as**.

10. Enter a name for the workbook, such as `chart-with-stacking`.

11. Select **Save**.

## Get a code representation of this workbook

To get a representation of this workbook, follow the steps in [Get the code representation of a workbook](/docs/get-the-code-representation-of-a-workbook).

The code representation of this workbook appears like the following:

#### YAML representation

```yaml
workbookId: e6e2132f-9eec-4479-b4f4-a8c8c24badb5
workbookUrlId: Nbbm1KzNZKCIO3zrlakXV7
createdBy: zgzXpTRVbfX4ZE9TEm9q9fUsfXZ5o
updatedBy: zgzXpTRVbfX4ZE9TEm9q9fUsfXZ5o
createdAt: '2026-04-30T17:58:22.692Z'
updatedAt: '2026-04-30T18:06:48.944Z'
name: chart-with-stacking
url: https://aws-api.sigmacomputing.com/org-name/workbook/Nbbm1KzNZKCIO3zrlakXV7
path: My Documents/<folder-name>
latestVersion: 2
ownerId: zgzXpTRVbfX4ZE9TEm9q9fUsfXZ5o
isArchived: false
contents:
  schemaVersion: 1
  elements:
    - id: z5yINV6E2B
      kind: table
      source:
        connectionId: b2af3691-12a0-48fa-a91d-fbe2e1b31627
        kind: warehouse-table
        path:
          - FUN
          - BIKES
          - TRIP
      columns:
        - id: VE0cTM29QL
          formula: '[TRIP/Id]'
        - id: VzaCFgBp8W
          formula: '[TRIP/Duration]'
        - id: rgxuLb0tji
          formula: '[TRIP/Start Date]'
        - id: 29BM94aP6c
          formula: '[TRIP/Start Station Name]'
        - id: Qp5W3zncon
          formula: '[TRIP/Start Station Id]'
        - id: dV5LQEb8Ms
          formula: '[TRIP/End Date]'
        - id: ctr4405Eyl
          formula: '[TRIP/End Station Name]'
        - id: OhYxTJIiqh
          formula: '[TRIP/End Station Id]'
        - id: NtVlVP2CX4
          formula: '[TRIP/Bike Id]'
        - id: 'ZSbbqdoFyp'
          formula: '[TRIP/Subscription Type]'
        - id: gzkBoI74Rg
          formula: '[TRIP/Zip Code]'
      order:
        - VE0cTM29QL
        - VzaCFgBp8W
        - rgxuLb0tji
        - 29BM94aP6c
        - Qp5W3zncon
        - dV5LQEb8Ms
        - ctr4405Eyl
        - OhYxTJIiqh
        - NtVlVP2CX4
        - 'ZSbbqdoFyp'
        - gzkBoI74Rg
    - id: DuMz0Monkx
      kind: bar-chart
      source:
        elementId: z5yINV6E2B
        kind: table
      columns:
        - id: oR4cyZIefw
          formula: '[TRIP/Subscription Type]'
        - id: 3MRURRCrNK
          formula: '[TRIP/Start Station Name]'
        - id: 1C2f3GU3wH
          formula: Count([Id])
        - id: yKl10n24ki
          formula: '[TRIP/Id]'
        - id: fyJcPyRoq8
          formula: '[TRIP/Duration]'
        - id: VglFP8lP1f
          formula: '[TRIP/Start Date]'
        - id: 6DQn2RgLNV
          formula: '[TRIP/Start Station Id]'
        - id: u1p9wnLeHY
          formula: '[TRIP/End Date]'
        - id: MWTQzhUIxv
          formula: '[TRIP/End Station Name]'
        - id: 3KntFoGLMc
          formula: '[TRIP/End Station Id]'
        - id: 98YCwkSjte
          formula: '[TRIP/Bike Id]'
        - id: bq7owH0i3L
          formula: '[TRIP/Zip Code]'
      yAxis:
        columnIds:
          - 1C2f3GU3wH
      xAxis:
        columnId: 3MRURRCrNK
        sort:
          by: 1C2f3GU3wH
          direction: descending
      color:
        by: category
        column: oR4cyZIefw
  pages:
    - id: gsTz3UiE9Q
      name: Page 1
  kind: workbook
  layout: |
    <?xml version="1.0" encoding="utf-8"?>
    <Page type="grid" gridTemplateColumns="repeat(24, 1fr)" gridTemplateRows="auto" id="gsTz3UiE9Q">
      <Element elementId="z5yINV6E2B" gridColumn="1 / 25" gridRow="1 / 21"/>
      <Element elementId="DuMz0Monkx" gridColumn="1 / 25" gridRow="21 / 41"/>
    </Page>
documentVersion: 2

```

## Representing charts with stacking

#### Chart with stacking representation

```yaml
...
id: DuMz0Monkx
kind: bar-chart
source:
  elementId: z5yINV6E2B
  kind: table
columns:
- id: oR4cyZIefw
  formula: '[TRIP/Subscription Type]'
- id: 3MRURRCrNK
  formula: '[TRIP/Start Station Name]'
- id: 1C2f3GU3wH
  formula: Count([Id])
- id: yKl10n24ki
  formula: '[TRIP/Id]'
- id: fyJcPyRoq8
  formula: '[TRIP/Duration]'
- id: VglFP8lP1f
  formula: '[TRIP/Start Date]'
- id: 6DQn2RgLNV
  formula: '[TRIP/Start Station Id]'
- id: u1p9wnLeHY
  formula: '[TRIP/End Date]'
- id: MWTQzhUIxv
  formula: '[TRIP/End Station Name]'
- id: 3KntFoGLMc
  formula: '[TRIP/End Station Id]'
- id: 98YCwkSjte
  formula: '[TRIP/Bike Id]'
- id: bq7owH0i3L
  formula: '[TRIP/Zip Code]'
yAxis:
  columnIds:
  - 1C2f3GU3wH
xAxis:
  columnId: 3MRURRCrNK
  sort:
    by: 1C2f3GU3wH
    direction: descending
color:
  by: category
  column: oR4cyZIefw
...
```